@charset "utf-8";
/* CSS Document */

/* self-adaption global css v1.0
 * 此文件是网站全局自适应个性化css，也适当补充了自适应栅格系统（补充的是每行5个元素），此样式表在zui框架基础上进行开发，需要先引入zui核心文件。
 * This file is the global adaptive personalized CSS of the website, and it also complements the adaptive grid system (supplemented by 5 elements per line). This stylesheet is developed on the basis of the zui framework, which requires the introduction of the zui core file first.
 * 作者: Doudian.cn，2018.10.25。	written by Doudian, 2018.10.25
 * 使用此文件请保留我的信息，谢谢！	Please keep my information in this file, thank you!
 */

/* for global 全局 */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-5ths {
    width: 20%;
}
@media (min-width : 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width : 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width : 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

body {
	background: #fff;
	color: #666;
	font-size: 16px;
}
a {
	color: #002d71;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	blr:expression(this.onFocus=this.blur());
}
a:focus{outline:none;text-decoration: none;}
a:hover {outline:none;text-decoration: none;}

.chengse { color:#fc5f01;}

/* box size */
.no-margin {margin: 0;}
.no-padding {padding: 0;}

/* display */
.inline-block {display: inline-block}

/* position */
.pst-relative {position: relative;}

/* clear */
.clear-block {clear: both;}
.clear {clear: both;}

/* vertical-align */
.vc-middle{display: inline-block;vertical-align: middle;}

/* font */
.text-12px{font-size: 12px}
.text-14px{font-size: 14px}

/* other */
.middle-ctrl{display: inline-block;height: 100%;width: 0px;vertical-align: middle;}


/* header */
#headerbar{border: none;background-color: #fff;font-size: 0px;position: relative;border-radius: 0;padding-bottom: 0px;}
#headertitle{display:block;height: 90px; position:relative;background-color:#fff;z-index: 1;padding-top: 10px;padding-bottom: 20px;}
#headertitle .group-left{display: block;float: left;height:60px}
#headertitle .group-ad{display: block;float: left;height:60px;font-size: 24px;color: #000;line-height: 60px;margin-top: 10px;}
#headerhd{display: inline-block;vertical-align: middle;}
#headertitle .group-left .maintitle{display: inline-block;vertical-align: middle;font-size: 24px;padding-left: 40px;color: #333;font-family: Helvetica, Tahoma, Arial, STXihei,  “Microsoft YaHei”, “微软雅黑,”“华文细黑”, sans-serif;}
#headertitle .group-right{display: block;float: right;  padding-left:50px;height: 60px;}

#headertitle .group-right .headertel{display: block;margin-bottom: 10px;}
#headertitle .group-right .headertel img{display: inline-block;vertical-align: middle;margin-right: 10px; float:left}
#headertitle .group-right .headertel p{ font-size:14px; color:#333;}
#headertitle .group-right .headertel span{display: inline-block;vertical-align: middle;font-size: 24px;color: #0a7e93;line-height: 24px;letter-spacing: 1px;}
/**
#headertitle .group-right form{display: block}
#headertitle .group-right form button{display: inline-block;vertical-align: middle;width: 24px;height: 24px;border: none;border-radius: 0px;background: #fff;padding: 0px;margin-right: 10px}
#headertitle .group-right form input{display: inline-block;vertical-align: middle;font-size: 14px;border: 1px solid #002d71;width: 140px;}
#headertitle .group-right form input:focus{box-shadow: 0px 0px 4px 0px #002d71,inset 0px 0px 2px 0px #002d71;}
**/

#headernav {width: 100%;position: relative;background: #20459b; }
#headernav ul{text-align: center;float: none;}
#headernav ul>li{display: inline-block;position: relative;float: none;height:48px;width:9.2807%;min-width: 140px;}
@media screen and (min-width: 980px) and (max-width: 1200px) {
 #headernav ul>li{display: inline-block;position: relative;float: none;height:48px;width: 9.3%;min-width: 110px;}
} 
 #headernav ul>li+li{}
#headernav ul>li+li:hover{}
#headernav ul>li>a.cur {background:#fc5f01;}
#headernav ul>li>a {display: block; font-size: 18px;color: #fff;padding: 0px;line-height: 48px;}
#headernav ul>li:hover>a{color: #fff;background: #fc5f01;}
#headernav ul>li .navplus{ display: none;position: absolute;z-index: 1009;text-align: left;left:0;margin-left:0px;font-size: 0;background: #fc5f01;border-top: 1px solid #fc5f01; }
#headernav ul>li .navplus>a{display:block;font-size: 14px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-radius: 0px;padding: 14px 20px;height: 42px;line-height: 14px;}
#headernav ul>li .navplus>a i{margin-right: 2px;}
#headernav ul>li .navplus>a:hover{ background:#dc5a0c; }

#m-headerbar { padding-top: 6px; padding-bottom: 6px; border: none; background-color: #fff; border-bottom: #d1d1d1; } 
#m-headerhd{ pointer-events:auto; } 
#m-headerhd:hover{ color: #5faecc; } 
#m-headerbar .hdtitle-img { /* *width: 40px; */ width: auto; height: 40px; } 
#m-headerbar .hdtitle-img img{ width: auto; height: 100%; } 
#m-headerbar .hdtitle-ch { font-size: 22px; font-weight: 700; line-height: 1.1; letter-spacing: 1px; padding-left: 10px; } 
#m-headerbar .hdtitle-en { font-family: Georgia, "serif"; font-size: 14px; font-weight: 700; letter-spacing: 1px; line-height: 1.1; padding-left: 10px; } 
#m-headerbtn{ position: absolute; top:10px; right: 10px; color: #20459b; text-shadow: none; background-color: #fff; border-color: #20459b; } 
#leftmenulayout{ display: none; width: 100%; height: 100%; width: 100vw !important; height: 100vh !important; position: fixed; z-index: 999998; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .5; } 
#leftmenulayout span{ display: block; width: 40%; height: 100%; margin-left: 60%; color: #7d7d7d; font-size: 4rem; overflow: hidden; text-align: center; } 
#leftmenu{ display: none; width: 60%; height: 100% !important; width: 60vw; height: 100vh !important; background-color: #012252; border-right:1px solid #333; position: fixed; z-index: 999999; box-shadow: rgba(0,0,0,.15) 0 .15rem .5rem,rgba(0,0,0,.25) 0 .15rem .5rem; overflow-y: auto !important; } 
#leftmenu>.items{ display: block; width: 100%; border-bottom: 1px solid #183f77; position: relative; } 
#leftmenu>.items>a{ margin: 0 15%; font-size: 15px; display: block; height: 55px; line-height: 55px; position: relative; color: #fff; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: inherit; } 
#leftmenu>.items>i{ text-align: center; display: block;	position: absolute; top: 0; right: 10px; color: #fff; height: 55px; width: 55px; font-size: 24px; line-height: 55px; } 
#leftmenu>.items>.listplus{ display: none; text-align: left; padding: 10px 0; padding-left:25%; } 
#leftmenu>.items>.listplus>a{ display: block; color: #fff; line-height:26px; font-size: 14px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: inherit; }
.yuyan { float:right; margin-right:60px; margin-top:8px;}
.yuyan img { width:80%; height:auto;}

/* 手机站导航 */
.nav_m { width:100%; height:42px; line-height:42px; background-color:#20459b;  margin-top:13px; }
.nav_m ul li { width:20%; float:left;    text-align: center; list-style:none;}
.nav_m ul li a { font-size:16px; color:#fff;display: block; }
.nav_m ul li>a.cur {background:#fc5f01;}


/*
 | ----------------------------------------------------------
 | Glide styles
 | ----------------------------------------------------------
 | Here are slider styles
 | banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/

.waikuang {padding-top:30px;padding-bottom:10px;}
.screen-tablet .waikuang {padding-top:20px;padding-bottom:10px;}
.screen-phone .waikuang {padding-top:15px;padding-bottom:10px;}

.h_r{ width:420px; float:right; margin-top:26px; margin-right:20px;}
/*
.search{ width:185px; height:30px; float:left; background:url(../../images/sousuo.jpg) right center no-repeat; border:#CCC 1px solid; padding-right:5px;}
.search .inp{ width:143px; margin:1px; float:left; border:0; height:26px; font-size:14px; font-family:"宋体"; padding-left:7px; color:#b2b3b5;}
.search .btn{ float:left; width:36px; border:0; background:none; font-size:0; height:30px;}
*/
.h_r p{ text-align:right; font-size:16px; color:#0e0a0b; padding-top:0px;}
.h_r p a{ color:#0e0a0b;font-size:24px;}

.search{width:160px;height:30px; float:left;;z-index:999;}
.search #inputSearch{box-shadow:none;outline:none;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,.2);padding-left:20px;padding-right:20px;color:#000;}
.search #inputSearch::placeholder{color:#505050;}
.search .search_btn{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,.2);margin-left:0;}
.input-group-btn>.btn {    padding: 8px 12px;}

.mainbanner{ width: 100%; height:auto; font-size: 0px; } 
.mainbanner ul,.mainbanner ul li{ list-style: none; margin: 0; padding: 0; font-size: 0; display: block; } 
.mainbanner ul li{ float: left; } 
.slider { position: relative; width: 100%; height: auto; overflow: hidden; } 
.slides { height: auto; /* Simple clear fix */ overflow: hidden; /**	* Prevent blinking issue * Not tested. Experimental. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; /** * Here is CSS transitions * responsible for slider animation in modern broswers */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); } 
.slide { list-style: none; height: auto; float: left; clear: none; } 
.arrowsWrapper{display:none;} 
.slider:hover .arrowsWrapper{display:block} 
.slider-arrow { position: absolute; display: block; margin-bottom: 0px; width: 6%;padding: 3%; text-decoration: none; text-align: center; opacity:1; } 
.slider-arrow--right { bottom: 47.5%; right: 10%; background:url(../../images/right_jt.png) no-repeat center; background-size: 100%; } 
.slider-arrow--left { bottom: 47.5%; left: 10%; background:url(../../images/left_jt.png) no-repeat center; background-size: 100%; } 
.slider-nav { position: absolute; bottom: 8%; text-align: center; } 
.slider-nav__item { width: 60px; height: 6px; background: #20459b; border: none; border-radius: 0%; clear: none; display: inline-block; margin: 0 4px; }
.screen-phone .slider-nav__item {width: 25px;height: 5px;}
.slider-nav__item:hover,.slider-nav__item--current {background: #fff;}

.about_left{ width:760px; float:left}
.about_right{ width:380px; float:right}

@media screen and (min-width: 980px) and (max-width: 1200px) {
.about_left{ width:620px; float:left}
.about_right{ width:320px; float:right}
} 


.screen-phone .about_left{ width:100%;  }
.screen-phone .about_right{ width:100%; }
.screen-tablet .about_right{ width:100%; }

.about{ width:100%; height:100%; overflow:hidden; float:left;}
.about_con{ margin-top:18px; height:100%; overflow:hidden;}
.about_con img{ margin-bottom:10px;}
.about_con p{ color:#555555; font-size:14px; font-family:"宋体"; text-indent:2em; line-height:27px;}
.about_con2 { margin-top:26px; height:100%; overflow:hidden;}
.about_con2 p{ color:#555555; font-size:12px; font-family:"宋体"; text-indent:2em; line-height:27px;}

.line{ width:52px; float:left; background:url(../../images/line.jpg) no-repeat; height:424px;}
.news{ width:301px; float:right;}
.screen-phone .news{ width:100%;  }
.screen-tablet .news{ width:100%;    }

.news_tj{ margin-top:13px;}
.news_tj p{ text-align:left; font-size:16px; color:#20459b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_tj p a{ color:#20459b; line-height:32px;}
.news_tj p a:hover{ text-decoration:underline;}
.news ul{ margin-top:10px; padding-left:0px;}
.news ul li{ background:url(../../images/icon.png) no-repeat 1px center;  font-size:14px; line-height:27px; padding-left:15px;list-style:none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news ul li a{ color:#555555;}
.news ul li a:hover{ text-decoration:underline;}

.cp_h2{ height:40px; border-bottom:1px dashed #ccc; line-height:40px; font-weight:normal;}
.cp_h2 em{ font-style:normal; font-size:16px; color:#1f2221; text-align:center;}
.cp_h2 em a{ width:100px; height:40px; display:block; float:left;}
.cp_h2 em a:hover{ background-color:#fc5f01; color:#fff; width:100px; height:40px;}
.cp_h2 em a.cur{ background-color:#fc5f01; color:#fff; width:100px; height:40px;}


.cp_h3{ height:40px; border-bottom:1px dashed #ccc; line-height:40px; font-weight:normal;}
.cp_h3 em{ font-style:normal; font-size:16px; color:#1f2221; text-align:center;}
.cp_h3 em a{ width:80px; height:40px; display:block; float:left;}
.cp_h3 em a:hover{ background-color:#fc5f01; color:#fff; width:90px; height:40px;}
.cp_h3 em a.cur{ background-color:#fc5f01; color:#fff; width:90px; height:40px;}

.cp{ height:100%; overflow:hidden; width:100%;   margin-bottom:20px;}
.cp_tit{ height:40px; border-bottom:1px dashed #ccc; line-height:40px;}
.cp_tit img{ float:right; margin-top:11px;}
.cp_tit p{ line-height:40px; font-size:20px; color:#1f2221;}
.cp_tit p span{ font-family:Arial; font-size:14px; color:#88918d; margin-left:10px;}

.cp_tit ul li { float:left;line-height:40px;font-size:20px; color:#1f2221;;}
.cp_tit ul li a { color:#FFFFFF;}
.cp_tit a,.cp_tit a:visited{text-decoration:none;}
.over, .over a, .over a:visited{ color:#fff; 	}
.out, .out a, .out a:visited{background-color:#fc5f01;color:#fff;	}
 
/*滚动*/
.rollphotos { position:relative; overflow:hidden; } 
.rollphotos #LeftArr { background:url(../../images/left.png) no-repeat 0 0; width:12px; height:20px; cursor:pointer; position:absolute; top:110px; left:5px; } 
.rollphotos #RightArr { background:url(../../images/right.png) no-repeat 0 0; width:12px; height:20px; cursor:pointer; position:absolute; top:110px; right:5px; } 
.rollphotos .Cont { margin:0px auto; overflow:hidden; width:370px; margin-top:34px; } 
.rollphotos .Cont li { float:left; width:212px; text-align:center; display:block; margin-right:24px; } 
.rollphotos .Cont li img { display:block; margin:5px 15px 3px 0px; width:210px; height:152px; border:1px solid #ddd; } 
.rollphotos .Cont li a p{ color:#626262; font-size:15px; } 
.rollphotos .Cont li a:hover { text-decoration:none; color:#626262; } 
.rollphotos .Cont li span { display:block; cursor:pointer; height:25px; line-height:25px; width:187px; overflow:hidden; }


#rongyu{ width: 100%; height: 170px; position: relative; margin: 15px auto;overflow: hidden;}
#rongyu ul { width: auto; height: 160px; position: relative;padding-left: 0px;}
#rongyu ul li { height:160px;float:left;  border:#ddd 1px  solid; background-color:#f8f8f8; margin-left:20px; margin-bottom:10px;list-style: none;}
#rongyu ul li img{ max-width: 100%;max-height: 100%; }


#products2{ width: 100%; height: 170px; position: relative; margin: 15px auto;overflow: hidden;}
#products2 ul { width: auto; height: 160px; position: relative;padding-left: 0px;}
#products2 ul li { height:160px;float:left;  border:#ddd 1px  solid; background-color:#f8f8f8; margin-left:20px; margin-bottom:10px;list-style: none;}
#products2 ul li img{ max-width: 100%;max-height: 100%; }



.footer_k{ height:187px; background-color:#ececec;}
.screen-phone .footer_k{ height:auto; background-color:#ececec;}

.footer{ width:1200px; margin:0 auto; padding-top:20px; height:100%; overflow:hidden;}

.screen-tablet  .footer{ width:1000px; margin:0 auto; padding-top:20px; height:100%; overflow:hidden;}

.screen-phone .footer{ width:100%; margin:0 auto; padding-top:20px; height:auto; overflow:hidden;}

.f_contact{ width:450px; background:url(../../images/f_line.jpg) no-repeat right top; padding:0 15px 0 10px; float:left;}
.screen-tablet .f_contact{ width:330px; background:url(../../images/f_line.jpg) no-repeat right top; padding:0 15px 0 10px; float:left;}
.screen-phone .f_contact{ width:100%;  padding:0 15px 0 10px;  }

.f_contact .c_bt{ line-height:30px; font-size:20px; color:#1f2221; margin-bottom:4px;}
.f_contact .c_bt span{ font-family:Arial; font-size:14px; color:#88918d; margin-left:10px;}
.f_contact .add{ background:url(../../images/add.png) no-repeat left center; padding-left:18px; border-bottom:1px dashed #c3c3c3; line-height:40px; font-family:"宋体"; font-size:14px; color:#555555;}
.f_contact .tel{ background:url(../../images/tel.jpg) no-repeat left center; padding-left:18px; font-family:Arial; color:#fc5f01; font-size:24px; line-height:40px; border-bottom:1px dashed #c3c3c3;}
.f_contact .tel a { color:#fc5f01; }
.f_contact .tel img{ float:right; margin-top:10px; margin-right:22px;}
.bq{ width:300px; margin-left:22px; float:left;}
 .screen-tablet  .bq{ width:290px; margin-left:22px; float:left;}

.screen-phone  .bq{ width:100%; margin-left:12px;  margin-top:10px;}

.bq p{ font-size:14px; font-family:"宋体"; color:#555555; line-height:18px;}
.bq p a{ color:#555555;}
.f_code{ width:320px; float:right; background:url(../../images/f_line.jpg) no-repeat left top;}
.screen-desktop .f_code{ width:300px; float:right;  }

.screen-phone .f_code{ width:100%; padding-top:10px;}

.f_code p{ text-align:center; font-family:"宋体"; font-size:14px; color:#555555;}
 

.thebreadcrumb{width: 100%;background: #f1f1f1;font-size: 16px;text-align: left;line-height:28px;padding-top: 10px;padding-bottom: 10px;}
.thebreadcrumb a{color:#20459b;}
.breadcrumb{display:inline-block;margin:0;padding: 0;}
.breadcrumb i{font-size: 16px;}
.breadcrumb > li + li::before {padding: 0 5px;color: #ccc;content: "»";}
.about_bg { background-color:#f7f8f8;}

.titlestyle-main{display: block;width: 100%;text-align: center;margin-bottom:10px;}
.titlestyle-main .line{display: block;width: 100%;height: 21px;background:url(../../images/line1.png) center center no-repeat;margin-top: 8px;}
.titlestyle-main .line_d { width:57px; height:2px; border-top:#20459b 3px solid;}
.titlestyle-main .maintitle{font-size: 30px;color: #20459b;font-weight:bold;text-transform:uppercase;}
.titlestyle-main .subtitle{font-size: 40px;font-weight: 700; color: #d2d2d2;}
 
.screen-phone .titlestyle-main .maintitle{font-size: 20px;font-weight: 700; color: #20459b;}
.screen-phone .titlestyle-main .subtitle{font-size: 16px;color: #d2d2d2;text-transform:uppercase;}



.content{ width:100%; height:auto;margin:0 auto; margin-top:13px;}
.content_l{ padding-left:40px;   float:right; overflow:hidden;}
.screen-phone .content_l{ padding:0 5px;   overflow:hidden;}


.weizhi{ height:41px; margin-top:0px; line-height:41px; font-family:"宋体"; font-size:14px; color:#444444; background-color:#e5e5e5; padding-left:15px;}

.weizhi a{ color:#444444;}
.content_l ul{ margin-top:10px; padding-left:0; height:auto; overflow:hidden; margin-bottom:35px;}
.screen-phone .content_l ul{ margin-top:0px; }


.ry{ width:100%; height:auto; overflow:hidden;margin-top:15px; padding-bottom:15px;}
.ry p { padding:0; margin:0;}
.ry a{ width:150px; height:30px;  line-height:30px;  float:left; margin:0 10px; margin-top:8px;padding-left:15px; background:#20459b url(../../images/bai.png) 8px center no-repeat;display:block; color:#fff; font-size:14px; font-family:"宋体";text-indent:20px; }
.ry a.cur{  width:150px; height:30px; line-height:29px;   color:#fff; background:#fc5f02 url(../../images/baixia.png) 5px center no-repeat; }


.newslist { padding:0px; width:100%; height:auto;}
.newslist ul li{ margin-bottom:20px; height:210px; margin:0 10px 0 0px; padding: 20px 2px 2px 2px ; list-style:none;}
.newslist ul li img{width:189px; height:139px; margin:15px 25px 0 15px; float:left;}
.newslist ul li h3{ font-size:18px; color:#20459b; font-weight:normal; margin-bottom:12px;    overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.newslist ul li h3 a{ color:#20459b;}
.newslist ul li h3 a:hover{ text-decoration:underline;}
.newslist ul li h3 span{ float:right; font-size:14px; font-family:Arial; color:#003893;}
.newslist ul li p{ height:auto; line-height:23px; font-family:"宋体"; font-size:12px; color:#6b6a6a;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newslist ul li b{ margin-top:5px; display:block;}
.newslist ul li b img{ width:113px; height:29px; margin:0px 0px 0 0px; float:left;}

@media screen and (min-width: 300px) and (max-width:500px){
 
 .newslist ul li{ margin-bottom:20px; height:auto; margin:0; padding: 10px 10px 2px 2px ;}
.newslist ul li img{width:100%;  height:auto;  margin:10px 0px 0 9px; padding-right:8px;}
.newslist ul li h3{ width:100%; height:33px; padding-top:5px; line-height:33px; text-align:center;   }
.newslist ul li h3 a{ color:#20459b;}
.newslist ul li h3 a:hover{ text-decoration:underline;}
 
.newslist ul li b{  display:none}
 }



.content_r{  float:left; background-color:#e5e5e5; background-size:auto 100%; min-height:600px !important;}
.zixun{ margin-top:41px;   margin-left:20px; padding-right:10px;}
.zx_tit{ height:44px; border-bottom:1px solid #20459b; font-family:"宋体"; font-size:16px; color:#20459b; line-height:44px; padding-left:4px;}
.zixun ul{ margin-top:12px; padding-left:0px;}
.zixun ul li{ line-height:35px; background:url(../../images/le.png) no-repeat 5px center; padding-left:30px; font-family:"宋体"; font-size:14px; list-style:none;}
.zixun ul li a:hover{ color:#20459b;}
.zixun ul li a{ color:#555555;}
.zixun ul li.list{ line-height:25px; background:url(../../images/icon.png) no-repeat 5px center;    overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.zixun .rexian{ background:url(../../images/dianhua.png) no-repeat 5px center; margin-top:20px; padding-left:50px; font-size:20px; color:#fc5f01; font-family:Arial; height:30px; line-height:30px;}
.zixun .mobile {background:url(../../images/mobile.png) no-repeat 5px center; margin-top:20px; padding-left:50px; font-size:20px; color:#fc5f01; font-family:Arial; height:30px; line-height:30px;}



.xw_bt{ font-size:24px; color:#20459b; text-align:center; margin:58px 0 33px 0; font-weight:normal;}
.screen-phone .xw_bt{   margin:28px 0 16px 0;  }

.xw_xx{ height:44px; background-color:#f3f3f3; text-align:center; font-family:"宋体"; font-size:14px; color:#003893; line-height:44px;}
.xw_con{ padding:40px 10px 20px 10px; height:auto;  font-family:"宋体"; font-size:16px; color:#1a1919;}
.screen-phone .xw_con { padding:20px 10px 20px 10px;}
.xw_con a{ color:#00a0e9;text-decoration:underline}
.xw_con a:hover{color:#fc5f01}
.xw_con p{ font-size:16px; font-family:"宋体"; color:#1a1919; line-height:30px; }
.xw_con p img { width:100%; height:auto;}
.xw_con img { width:100%; height:auto;}

.sx{ padding:20px 50px 40px 10px; height:auto; overflow:hidden;}
.sx_l{ width:415px; float:left;}
.screen-phone .sx_l{ width:100%;}


.sx_l p span{ font-family:"宋体"; font-size:14px; color:#949292;}
.sx_l p{ line-height:30px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap}
.sx_l p a{ font-family:"宋体"; color:#20459b; font-size:16px;}
.sx_r{ width:150px; float:right;}
.screen-phone  .sx_r{ width:100%;  }

.cp_s{ margin-top:45px; margin-bottom:30px; height:auto;   }
.screen-phone .cp_s{ margin-top:25px; margin-bottom:30px; height:auto;  }

.cp_s img{ *border:1px solid #c6c6c6; border-radius:2px; float:left; margin-right:32px;}
.cp_s h3{ font-size:30px; color:#20459b; font-weight:normal; margin-bottom:30px; margin-top:2px;}
.screen-phone  .cp_s h3{ font-size:26px; color:#20459b; font-weight:normal; margin-bottom:15px; margin-top:17px;}


.cp_s p{ height:30px;line-height:30px; padding-left:20px;font-size:16px; color:#444444;   background:url(../../images/dian.jpg) no-repeat left center;overflow:hidden;}

.screen-phone .cp_s p{ height:26px;line-height:26px; padding-left:20px; padding-bottom:0;font-size:16px; color:#444444;   background:url(../../images/dian.jpg) no-repeat left center;overflow:hidden;}

.cp_s_nr{ width:380px; float:left;}
.cp_s_nr img{ border:0; border-radius:0;}

.cp_x{ margin-bottom:80px;    margin-top: 15px; overflow:hidden;}
.screen-phone .cp_x{ margin-bottom:30px;    margin-top: 0px; overflow:hidden;}

.cp_x h3{ height:48px; background:url(../../images/hui.jpg) repeat-x top center;}
.cp_x h3 em a{ height:48px; width:109px; background:url(../../images/bai.jpg) no-repeat right top; display:block; float:left; line-height:35px; text-align:center; color:#f0f6ff; font-style:normal; font-size:16px; font-weight:normal;}
.cp_x h3 em a.n{ background:none;}
.cp_x h3 em a.cur{ background:url(../../images/blue.png) no-repeat center top;}
.cp_x ul{ margin:0;}
.xw_con .plist{ line-height:39px; background:url(../../images/le.png) no-repeat 30px 10px; padding-left:25px;}

/*
.cp_x ul p{ line-height:39px; background:url(../../images/le.png) no-repeat 20px 10px; padding-left:50px; font-family:"宋体"; font-size:14px; color:#666;}
.cp_x ul p.pcur{ background-color:#e5e5e5;}
*/

.cp_x ul h5{ width: 100%; line-height:39px; background:url(../../images/le.png) no-repeat 20px 10px; padding-left:50px; font-family:"宋体"; font-size:14px; color:#666;font-weight: normal;}
.cp_x ul h5.h5cur{ background-color:#e5e5e5;}


.content_l .pro{ margin:0; margin-top:29px; height:auto; overflow:hidden;padding-top:19px; padding-bottom:22px;}
.content_l .pro li{   float:left; margin:0 0px; padding:0px;    padding-bottom: 10px; height:auto; overflow:hidden; list-style:none;}
.content_l .pro li .cp_img{ padding:12px 0 4px 0; height:auto; text-align:center;}
.content_l .pro li .cp_img img { width:90%;  }

.content_l .pro li .cp_p{ text-align:center; height:62px; padding-top:10px;}
.content_l .pro li .cp_p p{  height:25px;line-height:18px; font-size:14px; font-family:"微软雅黑";overflow: hidden;text-overflow: ellipsis; white-space: nowrap}
.content_l .pro li:hover{ background-color:#fc5f01;}
.content_l .pro li:hover .cp_p p.hui{ color:#fff;}
.content_l .pro li:hover .cp_p p a{ color:#fff;}
.content_l .pro li .cp_p p a{ color:#20459b;}
.content_l .pro li .cp_p p.hui{ color:#444444;}
.content_l .pro li:hover .cp_p{ background:url(../../images/baijt.png) no-repeat 15px 13px;}
.page{ margin:48px 0 68px 0;}
.page table tr{ text-align:left !important;}

.share{ font-size:12px; color:#666; margin-bottom:10px;}

 


.beautifulbtn1{ background-color: #20459b; height: 50px; line-height: 50px; width: 180px; font-size: 14px; text-align: center; max-width: 100%; display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; color: #fff !important; outline: none !important; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } 
.beautifulbtn1::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #3f3b3a; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.beautifulbtn1:hover::before {-webkit-transform: scale(1,1);transform: scale(1,1);}
.lte-ie-8 .beautifulbtn1:hover {background: #3f3b3a;}
.screen-phone .beautifulbtn1{height: 40px;line-height: 40px;width: 120px;}

.contentbox img,.contentbox iframe,.contentbox iframe div{max-width: 100%;overflow: hidden;}

#footerbar {width: 100%;font-size: 16px;color: #fff;padding-top: 40px;padding-bottom: 30px;background-color: #3f3b3a;}
#footerbar a{color: #fff;}
#footerbar #footerlinks a{display: inline-block;margin: 10px 20px 10px 0;font-size: 16px;}
#footerbar #footerlinks a:hover{text-shadow: 0 0 1px #fff}
#footerbar .group-right>div{display: block;float: right;text-align: center;font-size: 14px;}
.screen-phone #footerbar .group-right>div{float: none;}

#m-footer{
	border-top: 1px solid #154C1A;
	background-color: #20459b;
}
#m-footer a{
	display: block;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*cont_lx 手机网站底部固定部分*/ 
.cont_lx { position: fixed; z-index: 10000; left: 0; bottom: 0; width: 100%; color: #f2f2f2; height: 50px; line-height: 50px; background-color: #20459b; } 
.cont_lx ul { width: 100%; height: 100%; margin: 0 auto; } 
.cont_lx ul li { float: left; position: relative; font-size: 1.4rem; width: 33.33%; text-align: center; height: 50px; line-height: 78px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; list-style:none; } 
.c_li6{ display: none; }	
.b_line { width: 1px !important; height: 40px; margin: 0 !important; padding: 0 !important; background: #690000; border-right: 1px solid #ff0000; display: none; } 
.cont_lx ul .b_line1,.cont_lx ul .b_line2,.cont_lx ul .b_line3,.cont_lx ul .b_line4{ display: none; } 
.bottom_bq1, .bottom_bq2, .bottom_bq3, .bottom_bq4, .bottom_bq5, .bottom_bq6, .bottom_bq7, .bottom_bq8, .bottom_bq9, .bottom_bq10 { color: #FFF; } 
.bottom_bq2, .bottom_bq4, .bottom_bq6, .bottom_bq8 { display: none; } 
.icon-home2,.icon-phone2,.icon-location,.icon-envelope,.icon-pencil,.icon-bubbles{ position: absolute; width:16px; height: 16px; margin: auto; overflow: auto; top: 0; left: 0; right: 0; bottom: 0; margin-top: 8px; } 
.icon-home2 {background: url(/images/home_icon.png) no-repeat; background-size: 16px 16px; }
.icon-phone2 { background: url(/images/phone_icon.png) no-repeat; background-size: 16px 16px; } 
.icon-location{ background: url(/images/map_icon.png) no-repeat; background-size: 16px 16px; }  
.icon-pencil{ background: url(/images/meassage_icon.png) no-repeat; background-size: 16px 16px; } 
/*end_cont_lx*/



/* for index 主页 ，关于我们*/
.index_about { height:390px; padding-left:400px; padding-top:42px;background:url(../../images/about_bg.png) left 10px no-repeat;}
.index_about .title { font-size:18px; font-weight:bold; color:#333;}
.index_about .icontent { height:190px; margin-top:10px;   overflow:hidden; padding-top:5px; color:#3d3d3d;} 
.index_about .icontent p { padding-top:5px; color:#3d3d3d;}

.screen-tablet .index_about{ height:390px; padding-left:50px; padding-top:42px;background:url(../../images/about_bg_t.png) left 10px no-repeat;}
 
 
.screen-phone .index_about {height:auto;padding-left:10px; padding-top:12px; background:none; }
.screen-phone .icontent { margin-top:10px;max-height:inherit;overflow:hidden; padding-top:5px; color:#3d3d3d;} 


.lilian {   padding:0; margin-top:10px;}
.lilian ul { padding:0;}
.lilian ul li {width:240px; float:left;list-style: none; color:#000; font-weight:bold; font-size:16px;}
.lilian ul li  p { font-weight:normal; font-size:14px; color:#666; margin-top:10px;}  


.screen-tablet .lilian ul li {width:220px; }
.screen-tablet .lilian ul li  p { font-weight:normal; font-size:14px; color:#666; margin-top:10px;}  



.screen-desktop #index-case .items.item5{display: none;}

.screen-tablet #index-case{width: 640px;height: auto;margin: 50px auto 20px auto;}
.screen-tablet #index-case .items.item3{ width: 340px;height: 180px;float: right;}
.screen-tablet #index-case .items.item4{ width: 340px;height: 180px;float: right;position: absolute;bottom: 0px;right: 0px;}
.screen-tablet #index-case .items.item5{ width: 280px;height: 380px;float: left;top: 0px;margin-left: 0px;}
.screen-tablet #index-case{height: auto;}

.screen-phone #index-case{width: 100%;height: auto;margin: 50px auto 20px auto;}
.screen-phone #index-case .items.item1{ width: 100%;height:244px;float: left;margin-bottom: 10px;}
.screen-phone #index-case .items.item2{ width: 48%;height: 282px;float: left;margin-left: 0px;margin-bottom: 10px;}
.screen-phone #index-case .items.item3{ width: 100%;height: auto;float: left;margin-left: 0px;margin-bottom: 10px;}
.screen-phone #index-case .items.item4{ width: 100%;height: auto;float: left;margin-left: 0px;margin-bottom: 10px;}
.screen-phone #index-case .items.item5{ width: 48%;height: 282px;float: left;position: absolute;top: 254px;right: 0px;margin-left: 0px;margin-bottom: 10px;}
.screen-phone #index-case{height: auto;}

#index-service{font-size: 0px;width: 100%;height: 280px;overflow: hidden;}
#index-service .group-main{width: 1140px;height: 280px;background: url(../../images/bg1.jpg) center no-repeat;padding: 0px 79.5px;}
#index-service .group-main .items{display:block;float: left;width: 120px;height: 100%; text-align: center;}
#index-service .group-main .items + .items{margin-left: 3px;}
#index-service .group-main .items .maintitle{
	display: block;
	width: 112px;
	color: #000;
	font-size: 18px;
	height: 44px;
	line-height: 44px;
	background: #d4d4d4;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-transition:.4s all .3s;
	-moz-transition:.4s all .3s;
	-ms-transition:.4s all .3s;
	-o-transition:.4s all .3s;
}
#index-service .group-main .items:hover .maintitle{color: #fff;}
#index-service .group-main .items.style .maintitle{top: 236px;}
#index-service .group-main .items .maintitle span{
	display: block;
	width: 100%;
	height: 100%;
	top:100%;
	position: absolute;
	background-color: #20459b;
	-webkit-transition:.4s all .3s;
	-moz-transition:.4s all .3s;
	-ms-transition:.4s all .3s;
	-o-transition:.4s all .3s;
}
#index-service .group-main .items.style .maintitle span{top:-100%;}
#index-service .group-main .items:hover .maintitle span{top:0%;}
#index-service .group-main .items .maintitle div{display: block;width: 100%;height: 100%;position: relative;}
#index-service .group-main .items .items-main{display: block;padding: 4px 0px;}
#index-service .group-main .items .items-main .circle{display: block;position: relative; width: 6px;height: 6px;border-radius: 50%;background: #20459b;margin: 0 auto;behavior: url(style/PIE/PIE.htc);}
#index-service .group-main .items.style .circle{top: 178px;}
#index-service .group-main .items .items-main .line{display: block;position: relative;width: 2px;height: 37px;;background: #20459b;margin: 0 auto;}
#index-service .group-main .items.style .line{top: 136px;}
#index-service .group-main .items .items-main .img{display: block;width: 100px;height: 100px;background: #fff;border: 2px solid #20459b;border-radius: 50%;margin: 0 auto;position: relative;overflow: hidden;behavior: url(style/PIE/PIE.htc);}
#index-service .group-main .items:hover .items-main .img{border: none;}
#index-service .group-main .items .items-main .img span{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #20459b;
	border-radius: 50%;
	behavior: url(style/PIE/PIE.htc);
	top:100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
#index-service .group-main .items.style .items-main .img span{top:-100%;}
#index-service .group-main .items:hover .items-main .img span{top:0;}
#index-service .group-main .items .items-main .img img{display: block;width: 100%;position: relative;}
#index-service .group-main .items .items-main .img img + img{display: none;}
#index-service .group-main .items:hover .items-main .img img{display: none;}
#index-service .group-main .items:hover .items-main .img img + img{display: block;}

#index-news{font-size: 0px;} 
#index-news .group-left{}
#index-news .group-left .items{display: block;width: 100%;position: relative;color: #666;}
#index-news .group-left .items:hover{color: #20459b;}
#index-news .group-left .items .items-image{text-align: center;}
#index-news .group-left .items .items-image img{margin: 0 auto;}
.screen-phone #index-news .group-left .items .items-image img,.screen-tablet #index-news .group-left .items .items-image img{width: 100%;}
#index-news .group-left .items .maintitle{width: 100% ;font-size: 18px;line-height: 36px;height:36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 6px;color: #4d4d4d;-webkit-transition: all .4s cubic-bezier(.175,.885,.32,1);-o-transition: all .4s cubic-bezier(.175,.885,.32,1);transition: all .4s cubic-bezier(.175,.885,.32,1);}
#index-news .group-left .items:hover .maintitle{color: #20459b;}
#index-news .group-left .items .subtitle{width: 100% ;font-size: 14px;line-height: 18px;height: 36px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#index-news .group-right{padding-left: 10%;}
.screen-phone #index-news .group-right,.screen-tablet #index-news .group-right{padding: 0px;}
#index-news .group-right .items{display: block;width: 100%;position: relative;margin-bottom: 10px;}
.screen-phone #index-news .group-right .items{margin-bottom: 0px;}
#index-news .group-right .items>div{display: block;width: 100%;color: #666;background: #fff;padding: 20px 10px 20px 100px;position: relative;transition: none;}
#index-news .group-right .items:hover>div{color: #fff;background: #20459b;}
#index-news .group-right .items .items-time{display: block; position: absolute;width: 90px;height: 72px; top: 20px; left: 0px;font-size: 16px;text-align: center;}
#index-news .group-right .items .items-time p{margin: 0px;font-size: 28px;}
#index-news .group-right .items .items-main{display: block;width: 100%;border-left: 1px solid #666;padding-left: 20px;}
#index-news .group-right .items:hover .items-main{border-left: 1px solid #fff;}
.screen-phone #index-news .group-right .items .items-main{padding-left: 10px;}
#index-news .group-right .items .items-main .maintitle{width: 100% ;font-size: 18px;line-height: 18px;height:18px; margin-bottom: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#index-news .group-right .items .items-main .subtitle{width: 100% ;font-size: 14px;line-height: 18px;height: 36px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}



/* ------------------------- list 列表页 --------------------------- */
/* list with cards style 卡片样式列表 */
.liststyle1{margin-top:40px;}
.screen-phone .liststyle1 .col{ padding-left: 5px;padding-right: 5px;}
.liststyle1 .item{display: block;background-color: #20459b;text-align: center;color: #fff;border: 1px solid #666;margin-bottom: 20px;}
.screen-phone .liststyle1 .item{margin-bottom: 10px;}
.liststyle1 .item:hover{background-color: #3f3b3a;}
.liststyle1 .item .itemimg{display: block;padding-top: 60%;position: relative;font-size: 0;line-height: 0;}
.liststyle1 .item .itemimg>div{position: absolute;display:block;width: 100%;height: 100%;top:0;left: 0;right: 0;bottom: 0;}
.liststyle1 .item .itemimg>div>div{height: 100%;max-width: 100%;position: relative;overflow: hidden;}
.liststyle1 .item .itemimg>div>div>img{width: 100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: none;padding: 0;margin: 0;}
.lte-ie-8 .liststyle1 .item .itemimg>div>div>img{width: 100%;height: 100%;position: relative;top: 0;left: 0;}
.liststyle1 .item .itemtitle{width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;line-height: 32px;margin-bottom: 0px;margin: 0 5%;}
/* title list style with pic in left 左边有图片的标题列表样式 */
.liststyle2 .items{width: 100%;padding: 14px 0;}
.liststyle2 .items>a{display: block;position: relative;padding: 0 10px;}
.liststyle2 .items .news-img{display: block;width: 20%;float: left;overflow: hidden;position: relative;padding-top: 12%;}
.screen-phone .liststyle2 .items .news-img{width: 30%;padding-top: 20%;text-align: center;}
.liststyle2 .items .news-img>div{
	text-align: center;
	display: block;
	position: absolute;
	font-size: 0px;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle2 .items>a:hover .news-img>div{width: 120%;height: 120%;top:-10%;left: -10%;}
.liststyle2 .items .news-img>div>span{display: inline-block; width: 0px;height: 100%;vertical-align: middle;}
.liststyle2 .items .news-img>div>img{display: inline-block; width: auto;height: auto; max-width: 100%;max-height: 100%;vertical-align: middle;}
.liststyle2 .items .news-con{display: block;width: 75%;margin-left: 5%;float: left;}
.screen-phone .liststyle2 .items .news-con{display: block;width: 68%;margin-left: 2%;float: left;}
.liststyle2 .items .news-con p{width: 100%;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.liststyle2 .items .news-con .news-title{color: #333;font-size: 20px;}
.screen-phone .liststyle2 .items .news-con .news-title{color: #333;font-size: 16px;}
.liststyle2 .items .news-con .news-desc{color: #999;}
.liststyle2 .items .news-con .news-detailbtn{
	width: 108px;
	display: block;
	cursor: pointer;
	color: #666;
	height: 30px;
	margin-top:20px;
	line-height: 30px;
	text-align: center;
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle2 .items .news-con .news-detailbtn:hover{padding-right: 30px;}
.liststyle2 .items .news-con .news-detailbtn span{
	display: block;
	width: 0;
	color: #fff;
	background-color: #20459b;
	box-shadow: 0px 0px 2px #20459b;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle2 .items .news-con .news-detailbtn:hover span{width: 30px;}
/* join 加入我们列表样式 */
.liststyle3{text-align: center;font-size: 0px;line-height: 0px;overflow: hidden;}
.liststyle3 p{margin: 0px;}
.liststyle3 .group-title{display: block;width: 100%;color: #333;font-size: 24px;line-height: 50px;}
.liststyle3 .item{display: block;width: 100%;color: #fff;background-color: #3f3b3a;position: relative;}
.liststyle3 .item.item-hd{background-color: #20459b;}
.liststyle3 .item.item-2n{background-color: #534E4D;}

.liststyle3 .item.active{background-color: #f1f1f1;color: #333;}
.liststyle3 .item>span{display: inline-block;width:16.66667%;font-size: 16px;line-height: 40px;position: relative;}
.liststyle3 .item>span .morebtn{
	display:inline-block;
	font-size: 14px;
	line-height: 14px;
	background: #20459b;
	margin: 0;
	color: #fff;
	padding:8px 15px 8px 20px;
	margin-bottom: 6px;
	cursor: pointer;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle3 .item>span .morebtn:hover{background: #fff;color: #666;}
.liststyle3 .item.active>span .morebtn:hover{background: #3f3b3a;color: #fff;}
.liststyle3 .item>span .morebtn .icon{
	display: inline-block;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.liststyle3 .item.active>span .morebtn .icon{transform: rotate(180deg)}
.liststyle3 .item.item-hd>span{font-size: 24px;line-height: 40px;}
.liststyle3 .item .items-main{display: none;width: 100%;color: #534E4D;background-color: #f1f1f1;font-size: 14px;line-height: normal;text-align: left;padding: 2% 4%;}
.screen-phone .liststyle3 .group-title{font-size: 16px;line-height: 42px;}
.screen-phone .liststyle3 .item>span{width: 25%;font-size: 14px;line-height: 30px;vertical-align: top;}
.screen-phone .liststyle3 .item.item-hd>span{font-size: 16px;line-height: 40px;}
.screen-phone .liststyle3 .item>span.xs-hidden{display: none;}
.screen-phone .liststyle3 .item>span .morebtn{display:inline-block;font-size: 12px;line-height: 12px;padding: 4px;}
/* contact 联系我们列表样式 */
.liststyle4{}
.liststyle4 .item{display: block;margin-top: 50px;}
.liststyle4 .item .item-main{display: block;width: 100%;}
.liststyle4 .item .item-main .title{font-size: 20px;color: #000;}
.liststyle4 .item .item-map{width: 100%;position: relative;padding-top: 56%;overflow: hidden;min-height: 320px;}
.lte-ie-8 .liststyle4 .item .item-map{padding-top: 15%;}
.liststyle4 .item .item-map>div{width: 100%;height: 100%;top: 0; position:absolute;}
/* developmentlist 发展历程时间轴列表样式 */
.liststyle5{width: 100%;height: 510px;overflow: hidden;position: relative;font-size: 0px;}
.liststyle5 .group-main{width: auto;height: 510px;white-space: nowrap;position: absolute;}
.liststyle5 .group-main .item{display: inline-block;width: 180px;height: 500px;margin: 5px;position: relative;vertical-align: top;}
.liststyle5 .group-main .item .maintitle{position: absolute;display: block;width: 100px;height: 100px;color: #fff;border-radius: 50%;background: #c8cac9;font-size: 18px;white-space: normal;padding: 12px;line-height: 1.2;text-align: center;top: 91px;left: 50%;margin-left: -50px;z-index: 3;behavior: url(style/PIE/PIE.htc);}
.liststyle5 .group-main .item .items-line{position: absolute;display:block;width: 4px;height: 50px;background: #c8cac9;top: 191px;left: 50%;margin-left: -2px;z-index: 2; }
.liststyle5 .group-main .item .items-arrow{position: absolute;display:block;width: 100%;height: 18px;top: 241px;overflow: visible;z-index: 1;}
.liststyle5 .group-main .item .items-arrow .arrowtop{
	position: relative;
	display: block;
	width: 100%;
	height: 9px;
	background: #c8cac9;
	-webkit-transform: skew(40deg);
	-moz-transform: skew(40deg);
	-o-transform: skew(40deg);
	-ms-transform: skew(40deg);
	transform: skew(40deg);
}
.liststyle5 .group-main .item .items-arrow .arrowbottom{
	position: relative;
	display: block;
	width: 100%;
	height: 9px;
	background: #c8cac9;
	-webkit-transform: skew(-40deg);
	-moz-transform: skew(-40deg);
	-o-transform: skew(-40deg);
	-ms-transform: skew(-40deg);
	transform: skew(-40deg);
}
.liststyle5 .group-main .item .items-circle{
	position: absolute;
	display: block;
	width: 10px;
	height: 10px;
	background: #fff;
	top: 245px;
	left: 50%;
	margin-left: -5px;
	border-radius: 50%;
	z-index: 2;
	behavior: url(style/PIE/PIE.htc);
}
.liststyle5 .group-main .item .subtitle{
	position: absolute;
	display: block;
	width: 100%;
	height: 50px;
	text-align: center;
	top: 258px;
	left: 0;
	color: #c8cac9;
	z-index: 3;
	font-size: 40px;
	line-height: 50px;
}
.liststyle5 .group-main .item .items-main{
	position: absolute;
	display: block;
	width: 100%;
	height: 180px;
	overflow: hidden;
	top: 308px;
	left: 0;
	z-index: 3;
	font-size: 14px;
	line-height: 18px;
	white-space: normal;
}
.liststyle5 .group-main .item .items-main p{margin: 0;}
.liststyle5 .group-main .item.style .maintitle{top: 308px;}
.liststyle5 .group-main .item.style .items-line{top: 258px;}
.liststyle5 .group-main .item.style .subtitle{top: 191px;}
.liststyle5 .group-main .item.style .items-main{top: 12px;}
/* lightgallery 灯箱画廊样式 */
#lightGallery{}
#lightGallery>a.col{padding: 10px;font-size: 0;text-align: center;position: relative;}
#lightGallery>a.col .grouphd{padding-top: 70%;position: relative;}
#lightGallery>a.col .grouphd .grouphd-img{display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;}
#lightGallery>a.col .grouphd .grouphd-img>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouphd .grouphd-img>img{width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouposter{display: none;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.5);top: 0;left: 0;}
#lightGallery>a.col:hover .grouposter{display: block;}
#lightGallery>a.col .grouposter>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightGallery>a.col .grouptitle{width: 100%;height: 36px;font-size: 14px;line-height: 36px;background-color: #fff;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#lightGallery>a.col:hover .grouptitle{background-color: #20459b;color: #fff;}
/* casenav 选项卡导航 */
.casenav{width: 100%;background: #f1f1f1;font-size: 16px;text-align: center;line-height:28px;border-bottom: 1px solid #dedede;}
.casenav .casenav-nav{width: 100%;text-align: center;}
.casenav .casenav-nav>li{display: inline-block;position: relative;float: none;}
.casenav .casenav-nav>li.active{background: #20459b;}
.casenav .casenav-nav>li.active a{color: #fff;}
.casenav .casenav-nav>li:hover a{color: #20459b;}
/* pagectrl 翻页按钮 */
.pagectrl{display: block;width: 100%;padding-top: 20px;}
.pagectrl>a{display: inline-block;padding: 0 8px;height: 30px;line-height: 28px;border: 1px solid #ccc;margin-bottom: 10px;color: #333;}
.pagectrl>a.active,.pagectrl>a:hover{background-color: #20459b; border: 1px solid  #20459b;color: #fff;}
.pagectrl>.pagectrlform {display: inline-block;height: 30px;line-height: 28px;padding: 0px 20px;margin-bottom: 10px;}
.pagectrl>.pagectrlform .pageinput{width:30px;height: 30px;border: 1px solid #ccc;border-radius: 0;margin-bottom: 10px;text-align: center;}
.pagectrl>.pagectrlform .pagesubmit{padding: 0 8px;height: 30px;background-color: #20459b; border: 1px solid  #20459b;color: #fff;margin-bottom: 10px;}



/* detail 详情页 */ 
.content{font-size: 16px;width: 100%;margin: 0 auto;margin-top: 20px;}
.maincontent{font-size: 16px;width: 100%;max-width: 1000px;margin: 0 auto;margin-top: 20px;}
/* prevnext 前一篇-后一篇 */
.prevnext{width: 100%;padding: 20px 0;font-size: 14px;}
.prevnext a{color: #333;}
.prevnext a:hover{text-decoration: underline;color: #20459b;}
.prevnext .prev,.prevnext .next{width: 100%;display: block;}
.prevnext .historygo{display: inline-block;padding: 5px;background: #20459b;color: #fff;}
.prevnext .historygo:hover{color: #fff;text-decoration: none;background: #3f3b3a;}
/* casedetail 案例详情卡片图片展示 */
.casedetail{padding-top: 54%;position: relative;margin-left: -10px;margin-right: -10px;}
.casedetail .items-images{position: absolute;top: 0;height: 100%;width: 100%;}
.casedetail .items-images .mainimgbox,.casedetail .items-images .mainimgctrl{height: 100%;overflow: hidden;}
.casedetail .items-images .mainimgbox{text-align: center;}
.casedetail .items-images .mainimgbox img{width: 100%;max-height: 100%;}
.casedetail .items-images .mainimgctrl{padding-top: 40px;padding-bottom: 40px;}
.casedetail .items-images .mainimgctrl .upctrl,.casedetail .items-images .mainimgctrl .downctrl{
	width:88%;
	position: absolute;
	left: 6%;
	height: 25px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: #20459b;
	cursor: pointer;
	border: 1px solid #999;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.casedetail .items-images .mainimgctrl .upctrl:hover,.casedetail .items-images .mainimgctrl .downctrl:hover{background: #3f3b3a;}
.casedetail .items-images .mainimgctrl .upctrl{top: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.casedetail .items-images .mainimgctrl .downctrl{bottom: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.casedetail .items-images .mainimgctrl .imagesbox{width: 100%;height: 100%;overflow: hidden;position: relative;}
.casedetail .items-images .mainimgctrl .imagesbox .images{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	-webkit-transition: all .5s linear 0s;
	-moz-transition: all .5s linear 0s;
	-o-transition: all .5s linear 0s;
	transition: all .5s linear 0s;
}
.casedetail .items-images .mainimgctrl .imagesbox .images>img{width: 100%;height: auto;margin: 4px 0;cursor: pointer;}
.casedetailmorebtn{display: inline-block;background-color: #20459b;color: #fff;width: 120px;font-size: 16px;line-height: 36px;text-align: center;margin-top: 15px;}
.screen-phone .casedetailmorebtn{width: 80px;font-size: 14px;line-height: 28px;margin-top: 5px;}
.casedetailmorebtn:hover{background-color: #3f3b3a;color: #fff;}
.casedetailbox-title{display: block;width:140px;background-color: #20459b;color: #fff;text-align: center;font-size: 16px;line-height: 36px;font-weight: 700;}
.screen-phone .casedetailbox-title{display: block;width:120px;background-color: #20459b;color: #fff;text-align: center;font-size: 14px;line-height: 28px;font-weight: 700;}
.casedetailbox{border-top: 2px solid #20459b;}
.screen-phone .casedetailbox{border-top: 1px solid #20459b;}
/* other 其它 */
/* leftnav 左侧小导航栏 */
.leftnav{display: block;width: 90%;background-color: #fff;border: 1px solid #d1d1d1;margin-bottom: 20px;box-shadow: 1px 1px 2px 0px #666; }
.screen-phone .leftnav,.screen-tablet .leftnav{margin-left: auto;margin-right: auto;}
.leftnav a{color: #666;}
.leftnav ul{padding: 0;margin: 0;}
.leftnav ul li{display: block;width: 100%;}
.leftnav ul li>a{display: block;width: 100%;background-color: #fff;font-size: 16px;color: #666;line-height: 54px;font-weight: 800;padding: 0px 22px;position: relative;}
.leftnav ul li.active>a,.leftnav ul li:hover>a{color: #fff;background-color: #20459b;}
.leftnav ul li>a>.icon{
	position: absolute;
	right: 22px;
	line-height: 48px;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.leftnav ul li.active>a>.icon{transform: rotate(180deg);}
.leftnav ul li +li{border-top: 1px solid #d1d1d1;}
.leftnav ul li .navplus{display: none;width: 100%;border-top: 1px solid #d1d1d1;box-shadow:inset 0px 0px 20px 0px #999;}
.leftnav ul li .navplus a{
	display: block;
	font-size: 16px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 0px;
	padding: 12px 20px;
	line-height: 16px;
	height: 40px;
	-webkit-transition: all 0.3s ease-in-out 0.05s;
	-moz-transition: all 0.3s ease-in-out 0.05s;
	-ms-transition: all 0.3s ease-in-out 0.05s;
	-o-transition: all 0.3s ease-in-out 0.05s;
}
.leftnav ul li .navplus a:hover,.leftnav ul li .navplus a.active{color: #20459b;padding-left: 40px;}
/* rightnav 右侧悬浮导航 */
.rightnav {width: 52px;border: 1px solid #ccc;font-size: 0px;display: block;position: fixed;top: 50%;right: 0px;}
.rightnav ul{margin: 0px;padding: 0px;}
.rightnav ul li{
	width: 52px;
	display: block;
	height: 52px;
	overflow: hidden;
	list-style: none;
	background-position: 0 0px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.rightnav ul li:hover{background-position: 0px -62px;}
.rightnav ul li + li {margin-top: 5px;}
.rightnav ul li a{display: block;width: 100%;height: 100%;}
.qq {background: url(../../images/QQ.png) no-repeat;}
.weixin {background: url(../../images/weixin.png) no-repeat;}
.weixin-logo {
	background: #fff;
	font-size: 12px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: 127px;
	transform: rotate(720deg);
	-webkit-transition: ease-out .5s;
	-moz-transition: ease-out .5s;
	-ms-transition: ease-out .5s;
	-o-transition: ease-out .5s;
}
.weixin-logo>img{width: 100%;}
.weixin:hover .weixin-logo {
	width: 240px;
	height:auto;
	top: 0px;
	right: 52px;
	text-align: center;
	color: #000;
	transform: rotate(0deg);
	
}
.rightnav .liuyan {background: url(../../images/liuyan.png) no-repeat;}
.rightnav .gotop{background: url(../../images/gotop.png) no-repeat;}
/* detailcontent wenhua-imgbox 奥捷文化图片盒子 */
.wenhua-imgbox{
	width: 100%;
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari 和 Chrome */
	column-count:2;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px
}
.wenhua-imgbox img{
	display: inline-block;
	width:100%;
	height: auto;
	padding: 1px;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}