@charset "utf-8";
/* CSS Document */
.bgfff{ background-color:#fff;}
.bgf0{ background-color:#f0f0f0;}
.bgeee{ background-color:#eee;}
.bg2b{ background-color:#2b2b2b;}
.bg2d{ background-color:#2d2d2d;}
.bgd1{ background-color:#d1d1d1; }
.bgf5{ background-color:#f5f5f5; }
.bgf6{ background-color:#f6f6f6; }
.bgf8{ background-color:#f8f8f8; }
.bgprimary{ background-color:#1D3340; }
.bgfuse{ background-color:#192D38; }
.bgeef0f4{background-color:#eef0f4; }

.bgeaeff3{background-color:#eaeff3; }

.bgF4F5F9{background-color:#F4F5F9; }
.color333{ color:#333;}
.colorfff{ color:#FFF !important;}
.color666{ color:#666 !important;}


.mt0{ margin-top:0px !important;}
.pt100{ padding-top:100px;}
.pt80{ padding-top:80px;}
.pb80{ padding-bottom:80px;}

.pt60{ padding-top:60px;}
.pb60{ padding-bottom:60px;}
.pt50{ padding-top:50px;}
.pb50{ padding-bottom:50px !important;}
.pt40{ padding-top:40px;}
.pb40{ padding-bottom:40px;}
.pt20{ padding-top:20px;}
.pb20{ padding-bottom:20px;}
.pb10{  padding-bottom:10px;}

.line45{ width:100%; height:1px; float:left; background-color:#454545; margin-top:20px;}
.line45 > .line73{height:1px;background-color:#737373; width:91px; margin:0 auto;}
.line45{ width:100%; height:1px; float:left; background-color:#454545; margin-top:20px;}
.line45 > .line73{height:1px;background-color:#737373; width:91px; margin:0 auto;}
.linef0{ width:100%; height:1pxl; float:left; background-color:#f0f0f0; margin-top:20px;}
.linef0 > .linec4{height:1px;background-color:#c4c4c4; width:91px; margin:0 auto;}
.lineddd{width:100%; height:1px; float:left; background-color:#ddd; margin-top:20px;}
.lineddd > .line73{height:1px;background-color:#737373; width:91px; margin:0 auto;}
/*--head--*/

#head1 .container2{ height:135px;}
#head1 .heada{ float:right; margin-top:29px; margin-right:12px; position:relative;}

#head1 .heada > a{ right:6px;color:#8c8c8c; top:42px;font-size:12px; position:absolute; z-index:600;}
#head1 .heada > a:hover{ text-decoration:underline;}
#head1 .heada > a font{ font-size:16px; margin-right:3px;}
#head1 .heada > a.qq{right:84px; }
#head1 .heada > a.qq font{ font-size:14px;}

#head1 .store a{color:#8c8c8c; margin-left:6px; margin-right:6px; font-size:12px;}
#head1 .store a:hover{ text-decoration:underline;}
#head1 p{ line-height:40px; color:#8c8c8c; font-size:12px;}
#head1 .p{ float:right;}
#head1 .p.tel{ color:#00589f;font-size:14px; padding-top:26px; color:#007dc2;}
#head1 .p.tel font{ font-size:21px;font-style: italic; font-weight:700;}
#head1 .p i{ float:left; font-size:22px; margin-right:4px; margin-top:4px; height:36px; line-height:36px;}
#head1{ width:100%; float:left;  background-color:#fff; background-image:url(../images/line1.jpg); background-position:center top; background-repeat:no-repeat; padding-top:3px;}

#head1 .logo{ float:left;}
#head1 .logo a{ display:block; width:432px; height:auto; margin-top:28px;}
#head1 .logo a img{ width:100%;}

.bt{ border-top:2px solid #007CC2;}
.nav{ float:left;}
.nav > li{ float:left;line-height:52px;}
.nav > li.pronav_list{ width:200px; background-color:#007CC2; color:#FFF; text-align:center; margin-right:10px} 
.nav > li.pronav_list i{ float:left; margin-left:58px;}
.nav > li.pronav_list > a{ float:left; color:#FFF; padding-left:12px; }
.nav > li > a{ float:left;text-align:center; color:#787878; font-size:14px;  padding-right:20px; padding-left:20px; }
.nav > li:hover > a{ text-decoration:underline;}
.nav > li > ul{ position:absolute; top:52px; display:none; z-index:500; background-color:#f5f5f5;}
.nav > li > ul > li{ width:200px;}
.nav > li > ul > li > a{position:relative; display:block; text-align:center; color:#787878; font-size:14px; width:100%; background-color:#fff;}
.nav > li > ul > li > a:hover{ color:#fff; background-color:#1C95E6;}




.searchbox{position:absolute; top:65px;width:100%;z-index:500;}

.searchshow2{ display:none; position:absolute; right:60px; width:32px; top:56px; height:32px; cursor:pointer; line-height:32px; font-size:22px !important; text-align:center; color:#a0a0a0;}
.searchshow2:hover{background-color:#007dc2; color:#FFF;}
#search_form{ float:right; margin-right:15px;}
#search_form .searchTxt{ float:left; width:190px; text-indent:5px;color:#aaaaaa;border-radius:3px 0px 0px 3px; border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#fff; height:38px; line-height:38px;}
#search_form .searchPic{ float:left; height:40px; width:40px; cursor:pointer; background-color:#007dc2; border-radius:0px 3px 3px 0px; color:#FFF; font-size:22px !important;  text-align:center; line-height:30px;}


#head2{position:fixed; display:none; top:0px; left:0px;z-index:300; width:100%; background-color:#fff; height:42px;box-shadow: 0px 1px 2px #666; background-image:url(../images/logo.png); background-position:center center; background-repeat:no-repeat; background-size:auto 36px;}

.toggle {
	display:none;
	position:absolute;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 24px;
	z-index:301;
}
.toggle .icon{ color:#a0a0a0;}

#head2_2{float:left;display:none; width:100%; height:42px;} 




/*--banner--*/
#banner{ float:left; width:100%; height:480px;}
#banner .lanmu2{ display:inline-block; font-size:48px; font-weight:bold; color:#FFF; font-weight:500;}

.position .lujing2{width:74%; float:right; font-size:22px; line-height:36px; }
.position .lujing2 i{ font-size:24px; float:left; height:36px; line-height:42px; margin-right:6px; margin-left:10px; }
.position .lujing2 a:hover{text-decoration:underline;}

#banner2{ float:left; width:100%;}
#banner2 a{ float:left; width:100%; display:block;}
#banner2 .bannerimg{ max-width:1200px; position:relative; margin:0 auto;}
#banner2 .bannerimg img{ width:auto; height:100%; position:absolute; left:50%;}

/*--main--*/
.titlespan{ width:100%; float:left;  text-align:center; line-height:32px; font-size:0.3rem; font-weight:bold;text-transform:Uppercase;}
.titlespan .line{ display:inline-block; width:auto; line-height:21px; font-weight:normal;}

/*--index_product--*/

.mt10{ margin-top:10px;}
.ml10{ margin-left:10px;}
.index_product_t{ height:70px; position:relative;}
.index_product_s{ font-size:24px; line-height:30px; letter-spacing: 5px;color:#0d3771; font-weight:bold; text-align:center;background-color:#FFF; height:30px;top:20px; position:absolute; width:200px; left:50%; margin-left:-100px; z-index:2;}
.index_product_l{ height:16px; width:100%; background-color:#eee; top:27px; position:absolute;}
.pcbox{box-sizing:border-box; border:1px solid #ddd; position:relative; display:block;transition-duration: 0.2s;transition-timing-function: ease;float:left;}
.pcbox:hover{-webkit-box-shadow:0 2px 15px #a8a8a8;  -moz-box-shadow:0 2px 15px #a8a8a8;  box-shadow:0 2px 15px #a8a8a8;  }

.zn_box{ width:580px;  height:300px;}
.zn_box:nth-child(3n){ margin-left:10px;}
.zn_box:nth-child(4n){ margin-top:10px;}
.zn_box:nth-child(5n){ margin-top:10px; margin-left:10px;}
.zn_box img{ width:578px; float:left; height:298px;}
.zn_box span{ position:absolute; top:48px;left:48px; font-size:18px;}
.zn_box p{ position:absolute;top:80px;left:48px; width:160px; color:#6a6868;}

.pt_box{ width:276px;  height:276px; overflow:hidden; margin-right:22px;}
.pt_box:nth-child(5n){ margin-right:0px;}
.pt_box img{ position:absolute; width:445px; height:276px; left:50%; margin-left:-222px;}
.pt_box span{ position:absolute; z-index:2; display:block; width:100%; text-align:center; font-size:18px; bottom:0px; line-height:45px;}


.bc_box1{ width:777px; height:577px; overflow:hidden; }
.bc_box1 img{ float:left; width:775px; height:575px;}
.bc_box1 span{ position:absolute; bottom:20px; width:100%; text-align:center; display:block; font-size:24px; line-height:36px;}
.bc_box2{ width:382px; height:187px; margin-left:10px;}
.bc_box2:nth-child(2n){ margin-top:8px;}
.bc_box2:nth-child(3n){ margin-top:8px;}
.bc_box2 img{ float:left; width:380px; height:185px;}
.bc_box2 span{ position:absolute; top:26px; left:28px; font-size:17px; width:136px; display:block;}
.bc_box2:nth-child(2n) span{right:28px !important;left:auto !important;}
.bc_box2 p{ position:absolute; left:28px; font-size:12px;top:60px; width:136px; height:110px; overflow:hidden; color:#6a6868; line-height:21px;}
.bc_box2:nth-child(2n) p{right:28px !important; left:auto !important;}
/*--information--*/
.information{padding-top:50px; padding-bottom:50px;}
.information .informationbox{ width:360px; float:left; margin-right:45px;}
.information .information_t{ color:#a9aaaa; float:left;line-height:24px; width:100%}
.information .information_t span{ color:#2d2c2c; font-size:16px; padding-right:10px;}
.information .information_t a{ float:right; font-size:12px; color:#a9aaaa;}
.information .information_list{ margin-top:32px; float:left; box-sizing:border-box; border:1px solid #e9e9e9; background-color:#FFF; padding:12px;}
.information .information_list li{ float:left; border-bottom:1px dashed #787878; width:100%; }
.information .information_list .tt{padding-bottom:17px;}
.information .information_list .tt img{ width:150px; height:93px; float:left; margin-right:18px;}
.information .information_list .tt span{ float:left; width:166px; line-height:21px; height:42px; overflow:hidden;}
.information .information_list .tt p{ color:#787878; font-size:12px; line-height:21px; float:left; margin-top:6px;width:166px;}
.information .information_list .dd{ line-height:36px;}
.information .information_list .dd i{ float:left; width:4px; height:4px; background-color:#b1b1b1; margin-top:16px; margin-right:6px;} 
.information .information_list .dd a{ float:left; width:324px; color:#3b3b3b;}
.information .information_list .dd a font{ float:right; font-size:12px; color:#787878;line-height:38px; display:block; height:36px;overflow: hidden;}
.information .information_list .dd a span{float:left; width:250px;text-overflow:ellipsis;white-space: nowrap; line-height:36px;
overflow: hidden; display:block; height:36px;}

.tagbox{ padding-top:30px; width:100%; padding-bottom:30px; text-align:center;}
.tagbox a{ display:inline-block; padding:0px 20px 0px 20px;  cursor:pointer; color:#666; border-radius:5px; margin-left:15px; margin-right:15px; line-height:36px; background-color:#efefef;}
.tagbox a.active{ background-color:#1C93E5; color:#FFF;}

/*--service--*/
.bggreen{ background-color:#27AE61;}
.bgblue{ background-color:#2A80B9;}
.bgcs{ background-color:#E77E23;}
.service ul{ width:100%; float:left;}
.service ul li{
  width: 33.33333%;
  float:left;
  text-align: center;
  cursor: pointer;
  transition:all 0.5s;
}
.service ul li .box{ width:160px; display:inline-block;}


.service ul li .t1{ font-size:14px; line-height:32px;}
.service ul li .t2 { font-size:12px; color:#787878; }
.service ul li .icon{
  width: 160px;
  height: 160px;
  border-radius: 50%;
  
  line-height: 160px;
  text-align: center;
  transition:all 0.5s;
  margin-bottom: 25px;
}

.service ul li .icon i{
  font-size: 56px;
  transition:all 0.5s;
  color:#FFF;
}
.service ul li:hover .icon{
  background-color: #E4500A;
}
.service ul li:hover .icon i{
  color: #fff;
}
.service .join-url{
	border-radius:4px;
  width: 144px;
  height: 40px;
  text-align: center;
  background-color: #1C93E5;
  color: #fff;
  display: block;
  line-height: 40px;
  margin: 0 auto;
}

/*--service2--*/

.service2 ul{ width:100%; float:left;  background-image:url("../images/honor-line.png");
  background-position:center 132px; background-repeat:repeat-x;}
.service2 ul li{
  margin-right:102px;
  width:110px;
  float:left;


  cursor: pointer;
  transition:all 0.5s;
}
.service2 ul li:last-child{ margin-right:0px;}
.service2 ul li .box{  width: 104px;
border:6px solid #e0e0e0;
  height: 104px;
  border-radius: 50%;
  text-align:center;
  line-height: 104px;
  background-color:#007BC1;
  transition:all 0.5s;
  margin-bottom: 16px;}


.service2 ul li .t1{ font-size:18px; line-height:32px; font-weight:bold; padding-bottom:8px;}
.service2 ul li .t2 { font-size:14px; color:#787878; text-align:left; line-height:21px;}


.service2 ul li i{
	text-align:center;
  font-size: 52px;
  transition:all 0.5s;
  color:#FFF;
}
.service2 ul li:hover .icon{
  background-color: #E4500A;
}
.service2 ul li:hover .icon i{
  color: #fff;
}


/*--footer--*/
.footer .xia p{ line-height:48px; color:#ccc; font-size:12px;}
.footer .xia p a{ color:#ccc;}

.footer .shang{ padding-top:30px; padding-bottom:30px;}
.footer .shang .list{ float:left;} 

.list{ float:left;}
.list > font{ font-size:40px; color:#d2d2d2; line-height:60px; float:left; width:100%; padding-bottom:10px;}
.list > span{ float:left; font-size:16px; color:#fff; margin-bottom:12px; width:100%;}	

.list ul{ float:left;}
.list ul li{width:100%; float:left;}
.productbox li{  line-height:24px; }
.productbox li a{ color:#ccc; font-size:12px; line-height:24px;}
.productbox li a:hover{ text-decoration:underline;}
/*.news ul{ margin-top:5px;}
.news ul li{ margin-bottom:20px;}
.news ul li:nth-child(3n){ margin-bottom:0px;}
.news ul li a .imgbox{ width:58px; height:58px; position:relative; float:left; overflow:hidden;}
.news ul li a .imgbox img{ position:absolute; left:50%; margin-left:-48px; width:94px; height:58px;}
.news ul li a span{ float:right; font-size:12px; color:#787878; display:block; width:72%; line-height:16px; height:32px; overflow:hidden;}
.news ul li a font{  float:right;width:72%; font-size:12px; color:#999999; line-height:18px; padding-top:6px;}
.news ul li a:hover span{color:#c90010;}*/
.contactbox div{ float:left; width:100%; font-size:12px; color:#ccc; line-height:24px;  }
.contactbox div > a{ color:#ccc; cursor: pointer; }
.contactbox div > a:hover{ text-decoration: underline; }
.contactbox div i{ float:left; font-size:18px; margin-top:1px; margin-right:4px; line-height:26px; height:26px;}
.contactbox div i.icon-dianhua{ margin-top:3px;}
.contactbox > img{ float:left; margin-top:12px; height: 86px;width: 86px;}
.contactbox > span > font{font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
.contactbox .map{ width:100%; height:120px; margin-top:12px;}

.share .bdsharebuttonbox a{ float:left; height:32px; padding:0px; width:32px; display:block; margin-top:-4px; margin-bottom:0px; background-color:rgba(170,170,170,0.2); background-image:none; color:#f8f8f8; text-indent:0px; text-align:center; line-height:32px; font-size:28px;}
.share .bdsharebuttonbox a:hover{background-color:rgba(255,255,255,0.5); color:#FFF;}
.share > div{float:left; width:86px; height:auto; text-align:center;}
.share > div > img{float:left; width:86px; height:auto;}
.share > div > span{ float:left; width:86px; font-size:12px; color:#FFF; line-height:24px; height:24px;}
.share > div:nth-child(2n){margin-left:8px;}
.contactbox.col-md-3-1{ width:57%;margin-left:1.5%; margin-right:1.5%; }
.share.col-md-3-1{ width:28%;margin-left:10.5%;}


/*--other--*/
.bb2{ border-bottom:1px solid #eee;}
.lanmu{ float:left; text-transform:uppercase; line-height:56px; color:#333;}
.lujing{ float:right; font-size:12px; color:#333; line-height:56px;}
.lujing a{ color:#333; }
.lujing a:hover{text-decoration:underline;}
.lujing font{ margin-right:4px; font-size:16px; margin-top:8px; float:left; line-height:44px;}


.main{ float:left; width:100%;}


.nav_left{ float:left; width:23%;}
.main_right{ float:right; width:74%;}

/*----nav_left---*/

.lefttitle{ position:relative; float:left; width:100%; display:block;  font-size:18px; border-bottom:1px dotted #d2d2d2; padding-bottom:18px;}
.lefttitle font{color: #aeaeae;

    font-size: 18px; }
.lefttitle i{ background-color: #007CC2;
    bottom: -1px;
    height: 2px;
    left: 0;
    position: absolute;
    width: 72px;}
.nav_left > ul{ float:left; width:100%;}
.cp_left{ margin-top:18px; margin-bottom:10px; }
.cp_left li{ float:left; width:100%; background-color:#eee; margin-bottom:8px;}
.cp_left li a{ float:left;transition: 0.4s ease-in-out; width:100%; display:block; z-index:1;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  line-height:48px; height:48px; text-indent:20px; font-size:14px; position:relative; background:url(../images/lefta.png) 234px center no-repeat;}
.cp_left li a:hover{ color:#005192;background:url(../images/lefta2.png) 234px center no-repeat;}


.faq_left{ margin-bottom:18px;}
.faq_left li{ float:left; margin-top:18px; width:100%;}
.faq_left li a p{ color:#333; line-height:24px;transition: 0.3s ease-in-out; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.faq_left li a span{ font-size:12px;  color:#939393; line-height:24px;}
.faq_left li a:hover p{ color:#E60012;}
.recent_left{ margin-top:21px; margin-bottom:10px;}
.recent_left li{ float:left; width:100%; margin-bottom:16px; margin-top:2px;}
.recent_left li a .imgbox{ float:left; width:29%; height:75px; border:1px solid #ddd; overflow:hidden; position:relative; background-color:#666;}
.recent_left li a .imgbox img{ position:absolute; width:121px; left:50%; margin-left:-60px; height:75px;}
.recent_left li a span{ float:right;color:#333; padding-left:2.5%; width:67.5%;}
.recent_left li a font{ color:#939393;font-size:12px; margin-left:3%; line-height:32px;color:#939393; }
.recent_left li a:hover font{ color:#005192;}

.xiaoshou{
	float:left;
	background-color:#FFF;
border:1px solid #ddd;
width:99%;
z-index:200;

}
.xiaoshou span{ display:block;}
.xiaoshou .xiaoshou_t{ line-height:36px; border-bottom:1px solid #ddd; text-align:center;}
.xiaoshou .img{ width:120px; height:120px; border-radius:50%; margin:20px auto; overflow:hidden; border:1px solid #ddd;}
.xiaoshou .img img{ width:100%; height:auto;}
.xiaoshou a{ display:inline-block;cursor:pointer; position:relative; color:#FFF; margin-left:10px;border-radius:3px; padding-left:8px; padding-right:8px; line-height:26px;}
.xiaoshou a font{ padding-left:4px; font-size:14px;}
.xiaoshou a.zixun{ background-color:#5ea5ee;}
.xiaoshou a.mingpian{ background-color:#ed5c82;}


.xiaoshou ul{ padding:6px 10px 0px 10px;}
.xiaoshou ul li{ width:100%; color:#777; float:left; text-align:center; line-height:34px; border-bottom:1px dashed #ddd; padding-top:2px;}
.xiaoshou ul li font{ margin-right:4px; font-size:17px; width:21px; text-align:center;}
.xiaoshou ul li font.icon-youxiang { font-size:21px;}
.xiaoshou p{ padding:0px 0px 0px 0px; line-height:32px; text-align:center; font-size:14px; color:#777;}
.mingpianbox{ position:absolute; display:none;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);  top:37px; border-radius:5px; height:120px; background-color:#FFF; border:1px solid #ddd; width:120px; margin-left:-34px;}
.mingpianbox img{ width:100px; height:100px; margin-top:10px; margin-left:10px; float:left;}

.mingpianbox i{
	right:50px;
    border-color: transparent transparent #bbbbbb transparent  ;
    border-style: solid;
    border-width: 0px 10px 12px 10px  ;
	top:-12px;
	text-indent:0px;
    position: absolute;

}
.mingpianbox i::after{  
    border-color: transparent transparent #fff transparent;
    border-style: solid;
	right:-10px;
    border-width: 0px 10px 12px 10px   ; 
    content: "";
	text-indent:0px;
    position: absolute;
    top:1px;
	}

/*----main_right---*/

.mr15{ margin-right:20px;}
.cp_list li{ float:left; padding-bottom:14px; width:31.3333333%; margin-right:1%; margin-left:1%;}
.cp_list li a{ display:block; width:100%; height:auto; float:left;}
.cp_list li a .imgbox{ float:left; position:relative; display:block;  border:1px solid #e5e5e5; overflow:hidden; width:99%; height:280px;}
.cp_list li a .imgbox img{ position:absolute; width:452px; height:280px; left:50%; margin-left:-226px;}
.cp_list li a span{ width:100%; display:block; font-size:16px; line-height:24px; height:48px; text-align:center; padding-top:14px; float:left;}
.cp_list li a:hover span{ color:#005192;}






.biaoti{ color:#333; font-size:22px; width:100%; display:block;text-align:center; line-height:39px; }
div.biaoti{ text-transform:uppercase; font-size:28px; font-weight:bold;}



.w100 > font.bb{ color:#999;line-height:14px; font-weight:normal; display:inline-block; border-right:1px solid #999999; margin-top:16px; padding-right:10px; margin-right:10px; }
.go_back{ color:#005192; cursor:pointer;}
.go_back:hover{ text-decoration:underline;}

/*----product_art---*/
.productimg{ float:left; width:302px;}
.productname{ float:left; padding-left:30px; width:54%;}
.productname h1{ font-size:18px; line-height:32px; width:100%; padding-bottom:8px; float:left;}
.productname > span{ display:block;width:100%; font-size:16px; line-height:36px; float:left;}
.productname > p{width:100%; font-size:14px; line-height:24px; color:#919191; float:left; max-height:124px; overflow:hidden; margin-bottom:12px;}

.productname > span > div{ float:left; font-size:14px; color:#919191; line-height:24px; overflow:hidden; height:24px; margin-right:10px;}
.productname > span > div > font{ font-size:16px; line-height:28px; float:left; margin-right:4px;}
.productname .boxbtn { width:290px; float:left; margin-top:20px;}
.productname .boxbtn a{ display:block; color:#FFF; width:140px; float:left; height:38px; line-height:38px; overflow:hidden; border-radius:5px; margin-top:10px; margin-right:10px;}
.bg2384cc{ background-color:#2384cc;}
.bgc7130c{ background-color:#c7130c;}
.bg005da3{ background-color:#005da3;}
.bgff6600{ background-color:#ff6600;}
.bb1{ border-bottom:1px solid #f1f1f1; padding-bottom:8px;}
.productname .boxbtn a font{ display:block; float:left; width:52px; text-align:center; color:#FFF; font-size:21px;}
.productname .boxbtn a span{ display:block; width:86px; text-align:center; float:left;}
.productname .boxbtn a i{ float:left; width:1px; height:18px; margin-top:10px; background-color:rgba(0,0,0,0.2); border-right:1px solid rgba(255,255,255,0.2)}
.mod18{ position: relative; width:302px; margin:0 auto;}
.mod18 .btn{position:absolute;cursor:pointer;}
.mod18 #prevTop,.mod18 #nextTop{top:322px;width:20px;height:77px;line-height:77px; text-align:center; background-color:#4c4c4c; color:#FFF; font-size:14px !important; border-radius:3px;}
.mod18 #prevTop{   left:0%;}
.mod18 #nextTop{  right:0%;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf li a{display:block;width:300px;height:300px; position:relative; float:left;color:#fff; overflow:hidden;}
.mod18 .cf li a img{ position:absolute; width:484px; height:300px; left:50%; margin-left:-242px;}
.mod18 .cf li a font{ position:absolute; right:0px; bottom:0px; background-color:#eee; font-size:12px; padding:3px 6px 3px 6px; color:#333;}
.mod18 .cf li a font i{ margin-right:3px;}
.mod18 .picBox{height:300px;position:relative;overflow:hidden; margin:0 auto; width:300px; border:1px solid #ccc;}
.mod18 .picBox ul{height: 300px;position:absolute;}
.mod18 .picBox li{width:300px;height: 300px;}
.mod18 .listBox{ width: 261px; height: 77px; margin: 20px auto 0px auto; position: relative; overflow: hidden; }
.mod18 .listBox ul{height:77px;position:absolute;}
.mod18 .listBox li{width:75px;height:75px; margin-left:5px; margin-right:5px; float:left;cursor:pointer;position:relative; float:left; position:relative; overflow:hidden;border:1px solid #ccc;}
.mod18 .listBox li img{width:121px;height:75px; position:absolute; left:50%; margin-left:-60px;}
.mod18 .listBox li.on{border:1px solid #999;}



/*全图显示*/

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}


.fancybox-prev span {
	left: 0px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 0px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}
.fancybox-lock body {
	overflow: hidden !important;
}
.fancybox-lock-test {
	overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */


.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite@2x.png');
	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
	background-image: url('../images/fancybox_loading@2x.gif');
	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}



#LoutiNav{ display:none; width:86px; height:auto; position:fixed; top:150px; right:0px; }
#LoutiNav li{ padding:5px 12px 5px 12px; float:left; background-color:rgba(0,0,0,0.9); margin-bottom:2px; color:#fff; border-radius:5px 5px 5px 5px;  font-size:12px;text-align: center; cursor: pointer; float:left;}
#LoutiNav li:hover{background:#ff6600; color:#FFF}
#LoutiNav .active{background:#ff6600; color:#fff;}
.louceng{width: 100%; float:left; height:auto; padding-top:36px;}
.louceng  .tag{ font-size:14px; width:114px; text-indent:16px; color:#FFF; height:34px; line-height:34px; background-color:#0060ad; border-radius:5px 5px 0px 0px;}
.louceng  .tag font{ margin-right:6px;}
.louceng  .body{  border-top:4px solid #0060ad; padding-top:21px; border-radius:0px 0px 5px 5px; padding-bottom:21px; padding-left:20px; padding-right:20px; background-color:#f8f8f8;}





/*---about--*/


.aboutimgbox{ margin-top:40px;}
.aboutimgbox li{ float:left;position:relative; height:auto;}
.aboutimgbox li img{width:100%; float:left; height:auto;}
.aboutimgbox li p{ position:absolute; left:0px; bottom:0px; line-height:30px; color:#FFF; background-color:rgba(0,0,0,0.6); display:block; width:100%; text-indent:10px;}

.aboutul li{ float:left; width:29.33%; margin-top:40px; margin-bottom:40px; padding-left:2%; padding-right:2%; text-align:center;}
.aboutul li .imgbox{ width:225px; height:225px; margin:20px auto; position:relative; border-radius:50%; overflow:hidden;}
.aboutul li .imgbox img{ position:absolute; width:363px; height:225px; left:50%; margin-left:-181px;}
.aboutul li span{ width:100%; color:#333; display:block; font-size:16px; line-height:42px;}
.aboutul li p{ color:#787878; line-height:20px; font-size:12px;}

/*--news--*/


.new li{width:100%;}
.new li a{display:block;}
.new li{padding-bottom:21px;  float:left; margin-bottom:20px; background-image:url(../images/d.jpg); background-position:left bottom; background-repeat:repeat-x;}
.new li a .imgbox{ float:left; position:relative; width:27.5%; height:150px; overflow:hidden;}
.new li a .imgbox img{ width:242px; height:150px; position:absolute; left:50%; margin-left:-121px;}

.new li a > span{ float:right; display:block; width:70%; color:#000; font-size:16px; color:#333; padding-bottom:4px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new li a:hover > span{ color:#005192;}
.new li a > p{float:right; display:block; width:70%; color:#666; line-height:24px; max-height:96px; overflow:hidden;}
.new li a > .w70{ padding-top:13px; padding-bottom:13px;}
.new li a > .w70 > font{float:left; display:block;color:#666; line-height:14px; border-right:1px solid #939393; padding-right:10px; margin-right:10px; font-weight:normal;}

.fz21_rem{ font-size:21px;}


/*--FAQ--*/
.faq li{ width:100%;}
.faq li a{ float:left; display:block; width:100%;}
.faq li{padding-bottom:21px; float:left; margin-bottom:20px;background-image:url(../images/d.jpg); background-position:left bottom; background-repeat:repeat-x;}
.faq li a span{ float:right; display:block; width:100%;font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:24px; color:#000;}
.faq li a span font{ width:24px; height:24px; overflow:hidden; background-color:#000; color:#FFF; display:block; float:left; text-align:center; line-height:26px; font-size:18px; margin-right:6px;}
.faq li a:hover span{ color:#005192;}
.faq li a:hover span font{ background-color:#005192;}
.faq li a p{float:right; width:100%; background-color:#F5F5F5; display:block; width:96%; color:#666; line-height:24px; padding:10px 2% 10px 2%; margin-top:20px; max-height:116px; overflow:hidden;}

/*--photolist--*/
.photolist li{ float:left; width:31%; margin-left:1%; margin-right:1%;margin-bottom:40px;}
.photolist li a{ display:block; float:left; width:94%; height:auto; padding:3%; border:1px solid #e6e6e6;}
.photolist li a span{ display:block; float:left; width:100%;}
.photolist li a span.img{ height:225px; text-align:center; position:relative;}
.photolist li a span.img div{filter:alpha(opacity=0);  opacity:0; z-index:8; position:absolute; width:100%; height:100%; left:0px; top:0px; background-color:rgba(0,0,0,0.4); background-image:url(../images/search2.png); background-position: center 180px; background-repeat:no-repeat;}
.photolist li a span.img img{ display:inline-block; height:auto; width:auto; max-height:100%; max-width:100%;}
.photolist li a span.phototitle{ line-height:40px; height:40px; text-align:center; background-color:#EEEEEE; margin-top:10px; color:#555;}
.photolist li a:hover span.img div{filter:alpha(opacity=1);  opacity: 1; transition: 0.2s ease-in-out; background-position: center center;}



/*---pagelist---*/
.page1{ display:block;}	
.page2{ display:none;}
.pagelist{ float:left; width:100%; text-align:center;}
.pagelist li{ display:inline-block;font-family: "微软雅黑",Microsoft YaHei; border:1px solid #e5e5e5; background-color:#FFF; margin-left:2px; margin-right:2px;margin-top:4px; margin-bottom:4px;}
.pagelist li a{  display:block; padding:4px 8px 4px 8px; color:#555; text-align:center; float:left;}
.pagelist li:hover a{ background-color:#005192;}
.pagelist li:hover a{color:#fff;}
.pagelist li.thisclass a{ background-color:#005192;padding:4px 8px 4px 8px; }
.pagelist li.thisclass a{color:#fff; }
.pagelist li.index,.pagelist li.end{ background-color:#005192; color:#FFF;}

.pagelist li a.index,.pagelist li a.end{padding:4px 8px 4px 8px;}
.pagelist li .pageinfo{padding:4px 8px 4px 8px; display:block;}
.pagelist .select{ position:relative;}
.pagelist .select select{padding:0px 0px 0px 6px; width:45px;appearance:none; font-family: "微软雅黑",Microsoft YaHei; height:28px;color:#555; background-image:url(../images/xiala.png); float:left; background-size:9px auto; background-position:right center; margin-right:6px; background-repeat:no-repeat;


  -moz-appearance:none;
  -webkit-appearance:none;}
.pagelist select::-ms-expand { display: none; }
.pagelist select option{ padding:4px 0px 4px 6px; font-family: "微软雅黑",Microsoft YaHei;}



/*---share---*/
#share{ width:100%; height:32px; float:left; text-align:center;}
#share a{ float:none; display:inline-block;}
/*---form---*/
#mlr{ display:inline-block; width:100%; max-width:800px;}
#mlr .w100{ float:left;}
#mlr .w30{ float:left; margin-right:5%;}
#mlr span{ float:left;width:100%; line-height:42px;  display:block; text-align:left; margin-right:30px;color:#666;}
#mlr input{ border:1px solid #ddd; float:left; width:100%; font-size: 14px;border-radius:3px; height: 30px; line-height: 30px; text-indent: 10px;} 
#mlr textarea{ float:left;border-radius:3px; font-family: "微软雅黑",Microsoft YaHei; font-size: 14px; line-height: 21px; text-indent:10px; height:168px; margin-bottom:20px; width:100%;word-break: break-all;resize: none;border:1px solid #ddd;}
#mlr .code{ width:60px; margin-right:10px; line-height:32px;}
#mlr input.yanzheng{ width:80px;}
#mlr input.button{ background-color:#fdb301; text-indent:0px;width:114px; height:32px; border:none; text-align:center;color:#FFF;cursor:pointer; float:right;}
#mlr #vdimgck{float:left; background-color:#FFF; margin-left:6px; height:24px; width:auto; padding:4px;border-radius:3px;}


#mlr2{ float:left; width:560px;}
#mlr2 .w50{ float:left;}

#mlr2 input{ border:1px solid #ddd; float:left; width:270px; font-size: 14px; height: 34px; line-height: 34px; text-indent: 10px;} 
#mlr2 textarea{ float:left;font-family: "微软雅黑",Microsoft YaHei; font-size: 14px; line-height: 34px; text-indent:10px; height:136px; width:100%;word-break: break-all;resize: none;border:1px solid #ddd;}
#mlr2 .code{ width:60px; margin-right:10px; line-height:32px;}
#mlr2 input.yanzheng{ width:100px; border-right:none;}
#mlr2 input.button{ background-color:#1D3340; text-indent:0px;width:114px; height:36px; border:none; text-align:center;color:#FFF;cursor:pointer; float:right;}
#mlr2 #vdimgck{float:left; background-color:#FFF;height:24px; width:auto; padding:5px; border:1px solid #ddd;}
.jm{ margin-top:40px;}

.contactimgbox{ position:relative; height:300px; overflow:hidden; width:40%; background-image:url(../images/contact.jpg); background-position:center center; background-repeat:no-repeat;}
.ewmbox{ position:absolute;top:50%; width:300px; height:140px; left:50%;margin-left:-150px; margin-top:-87px;}
.ewmbox div{float:left; width:140px; height:auto;}
.ewmbox div img{ float:left; width:140px; height:140px;}
.ewmbox div span{ float:left; width:140px; text-align:center; color:#FFF; line-height:34px; height:34px; background-color:rgba(0,0,0,0.7);}
.ewmbox div:nth-child(2n){ margin-left:20px;}
/*--contact--*/
.contactbox2{ width:55%; float:left;}
.contact{ width:55%;}
.contact span{ float:left; display:block; width:100%;}
.contact span font{ float:left; margin-right:1%;}
.contact span p{ float:left; width:94%; display:block; font-size:0.18rem;  color:#4f4f4f; line-height:0.45rem;}
.contact span p a{ cursor: pointer; }
.contact span p a:hover{ text-decoration: underline; }
.contact span.company{ text-indent:0px; padding-bottom:6px; text-transform: uppercase; background:none; color:#c90010; font-weight:bold; font-size:0.22rem;}
.contact .icon{ width:5%; color:#4f4f4f; font-size:0.18rem;line-height:0.45rem; text-align:left;} 


.xuanfu{z-index:999999;	bottom:15px;
	right:15px;
	position:fixed;}
	
.xuanfu > a{
	display:block;
	width:42px;
	height:42px;
	background-color:rgba(0,0,0,0.7);
	color:#FFF;
	text-align:center;
	line-height:42px;
	margin-top:2px;
	cursor:pointer;
	font-size:21px;
	}
.xuanfu > a:hover{background-color:#c90010;}
.xuanfu .icon-erweima{ font-size:24px;}

.xuanfu > .ewmbox{ display:none; position:absolute; right:36px; top:-50px;background-color:#FFF;  border:1px solid #ddd; border-radius:5px;  padding:4px; }

.xuanfu > .ewmbox img{ width:120px; height:auto;}


.body .txt{padding-bottom: 15px;border-bottom: 1px dotted #bfbfbf;margin-bottom: 10px;}
.body .txt .tt{font-size: 16px;font-weight: bold; padding-bottom:10px;}

/*----*/
.download li{ float:left; width:46%; margin-bottom:36px; margin-right:2%; margin-left:2%;}
.download li a{ float:left; width:100%; display:block; border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:4px 18px 12px 18px;}
.download li a span{ float:left; width:100%; display:block; line-height:32px; color:#454545px;}
.download li a p{ line-height:24px; font-size:12px; color:#666; height:72px; overflow:hidden; float:left; width:100%;text-align:justify;text-justify:inter-ideograph; margin-top:2px;}
.download li a font{ float:left; width:100px; line-height:28px; height:28px; text-align:center; font-size:12px; background-color:#007CC2; text-align:center; color:#fff; margin-top:12px;}
.download li a font i{ margin-right:4px;}
.download li a:hover{
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
	}