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

a{ color: #000;}
.clear{ width: 0; height: 0; clear: both;}
.bs20{box-shadow:0 15px 20px rgba(0,0,0,0.15); -webkit-box-shadow:0 15px 20px rgba(0,0,0,0.15); -moz-box-shadow:0 15px 20px rgba(0,0,0,0.15); -o-box-shadow:0 15px 20px rgba(0,0,0,0.15);}

/*头部*/
header{ position: relative; z-index: 10; background: #fff; height:130px;}
.h_logo{display: block; width: 382px; height:74px;float: left;margin-top: 6px;}
.h_logo img{ display: block; width: 100%;}

.h_search{ position: absolute; z-index: 2; right: 0; top: 7px; width: 220px; height:26px; overflow: hidden;}
.h_sch_text{ position: absolute; left: 182px; top: 0;  display:block; width: 160px; padding:0 10px; margin:0; height: 24px;border: solid 1px #ddd;font-size: 12px;}
.h_sch_text:focus{border:1px solid #ddd;}
.h_sch_but{ display:block; position: absolute; z-index: 2; right: 0; top: 0; width: 38px; height: 26px; background:#fff url(../images/icon_search.png) no-repeat center;}
.h_sch_but:hover{ background-image: url(../images/icon_search_h.png);}
.h_search:hover .h_sch_text{ left: 0;}
.welcome{background: #eee;height: 40px;line-height: 40px;}
.welcome p{font-size: 12px;color: #060797;float: left;}
.welcome p span{background: url(../images/tel.png) no-repeat 30px center;font-size: 12px;color: #060797;padding-left:50px;}
nav{ position: relative; z-index: 2; display: block; float: right;margin-top: 22px;}
.navwrap{ display: block; clear: both;}
.navwrap li{ display: block; float: left; position: relative;margin-left:20px;}
.navwrap li .nav_line{ position: absolute; left: 50%; margin-left:0; top:42px; background:#060797; width: 0%; height:3px;}
.navwrap li:hover .nav_line,
.navwrap li.sel .nav_line{ width: 77%; margin-left:-40%; }
.navwrap li .nav_1{ display: block; padding:0 12px; height:42px; line-height: 42px;font-size: 14px;font-weight: bold;}
.navwrap li:hover .nav_1,
.navwrap li.sel .nav_1{ color: #060797;}
.navwrap li .nav_2{ position: absolute; top: 42px; display:none; height:35px; line-height: 35px;clear: both;width: 85px;}
.navwrap li .nav_2 a{ position: relative; display:block; color:#fff; padding-right: 5px; padding-left:5px;font-size: 14px;background: #060796;text-align: center;}
.navwrap li .nav_2 a span{ position: absolute; left: 0; top: 0; display: inline-block; width: 35px; height:35px; }
.navwrap li .nav_2 a:hover{ color: #dc000f;}
/*.navwrap li:hover .nav_2{ display: block;}*/
.h_nav_bg{ position: absolute; z-index: 1; top:130px; display: block; width: 100%; height: 0; background:url(../images/icon_navbg.png) repeat center;}




/*图标*/
.inlineBlock{ display: inline-block; *display: inline; *zoom: 1;}
.iconPhone{ width: 42px; height: 42px; background: url(../images/icon.png) no-repeat 0 0; float: left;}
.iconHome{ width: 20px; height: 20px; background: url(../images/icon.png) no-repeat -42px 0; margin-right: 10px;}
.iconSC{ width: 20px;height: 20px;background: url(../images/icon.png) no-repeat -62px 0; margin-right: 10px;}
.iconBanneritem{ display: block; float: left; cursor: pointer; margin-left: 10px;; width: 20px; height: 20px; background: url(../images/icon.png) no-repeat -102px 0;}
.iconBanneritem:hover,.iconBanneritem.active{background: url(../images/icon.png) no-repeat -82px 0;}
.iconword{margin-left: 30px; width: 220px; height: 38px; background: url(../images/icon.png) no-repeat -62px -70px;}
.navbg{ position: absolute; z-index: 1; left:-32px; top: 0; display: block; width: 163px; height: 85px; background: url(../images/icon.png) no-repeat -337px 0;}
.iconright{ width: 20px; height: 20px; background: url(../images/icon.png) no-repeat -122px 0; cursor: pointer;}
.iconasphone{ display: block; float: left; width: 28px; height: 36px; background: url(../images/icon.png) no-repeat -7px -70px;}
.iconqq{ width: 24px; height: 24px; background: url(../images/icon.png) no-repeat 0 -108px; }
.iconsina{ width: 24px; height: 24px; background: url(../images/icon.png) no-repeat -24px -108px; }
.iconmorered{width: 20px; height: 20px; background: url(../images/icon.png) no-repeat -142px 0;}
.iconys20{ width: 100px; height: 100px; background: url(../images/icon.png) no-repeat 0 -272px;}
.iconys60{ width: 100px; height: 100px; background: url(../images/icon.png) no-repeat -100px -272px;}
.iconysxl{ width: 100px; height: 100px; background: url(../images/icon.png) no-repeat -200px -272px;}
.iconystd{ width: 100px; height: 100px; background: url(../images/icon.png) no-repeat -300px -272px;}
.iconmorej{ display: block;float: right; width: 20px;height: 20px;background: url(../images/icon.png) no-repeat -162px 0;}
.iconnews{ display: block; float: left; width: 20px; height: 20px;background: url(../images/icon.png) no-repeat -182px 0;}
.icondown{ display: block; position: relative; left: 50%; top: 0; margin-left: -26px; width: 53px; height: 53px;background: url(../images/icon.png) no-repeat -200px -132px; }
.iconaq{ display: block; position: relative; left: 50%; top: 0; margin-left: -26px; width: 53px; height: 53px;background: url(../images/icon.png) no-repeat -253px -132px; }
.icondownm{ display: block;float: left; width: 20px; height: 20px;margin-right: 6px; background: url(../images/icon.png) no-repeat -202px 0;}
.iconaqm{ display: block;float: left; width: 20px; height: 20px;margin-right: 6px; background: url(../images/icon.png) no-repeat -222px 0;}
.iconpicprev{ display: block; width:47px; height: 92px; background:url(../images/icon.png) no-repeat -306px -93px; cursor: pointer;}
.iconpicprev:hover{ background:url(../images/icon.png) no-repeat -353px -93px;}
.iconpicnext{ display: block; width:47px; height: 92px; background:url(../images/icon.png) no-repeat -447px -93px; cursor: pointer;}
.iconpicnext:hover{  background:url(../images/icon.png) no-repeat -400px -93px;}
.iconpicnum{ display: inline-block; *display: inline; *zoom: 1; width:20px; height: 20px; background:url(../images/icon.png) no-repeat -262px 0; cursor: pointer;}
.iconpicnum:hover,
.iconpicnum.active{ background:url(../images/icon.png) no-repeat -242px 0; cursor: pointer;}
.iconinnermenu{ display:block; float:right; width:20px; height:20px; background:url(../images/icon.png) no-repeat -210px -185px; cursor: pointer;}
.iconinnerdown{ display:block; float:left; width:20px; height:22px;  background:url(../images/icon.png) no-repeat -142px -20px; }


.slider{ position: relative; width: 100%; height:auto; overflow: hidden;}
.slider ul{ position: relative; display: block; height: 530px; overflow: hidden;}
.slider ul li{ display: none; position: absolute; left: 0; top: 0; height: 530px; overflow: hidden; width: 100%;}
.slider ul li a,
.slider ul li a img{ position: relative;top: 0; left: 50%; margin-left: -960px; display: block; width: 1920px; height: 530px;}
.slider ul li a span{position: absolute; bottom: 0; left: 50%; margin-left: -600px; display: block; z-index: 2; width: 1200px; height: 70px; line-height: 70px; background: url(../images/bg5.png) repeat center; text-indent: 220px; color: #fff;font-size: 16px; font-weight: bold;}
.slider .sbut{ position: absolute; z-index: 3; bottom: 0; left: 50%; margin-left: -600px; width: 1176px; padding-right: 24px; height: 70px;}
.slider .sbut .sprev{ display: block; width: 100px;height: 70px; cursor: pointer; float: left; background: url(../images/icon.png) no-repeat -100px -132px;}
.slider .sbut .sprev:hover{background: url(../images/icon.png) no-repeat 0 -132px;}
.slider .sbut .snext{ float: left; display: block;cursor: pointer;  width: 100px;height: 70px; background: url(../images/icon.png) no-repeat 0 -202px;}
.slider .sbut .snext:hover{ background: url(../images/icon.png) no-repeat -100px -202px;}
.sitem{ display: block; height: 20px; float: right; padding-top:25px;}
.heafsearch{ position: absolute;z-index: 3; right: 0; top: 29px; width: 246px; height: 28px; background-color: #fff; overflow: hidden;}
.heafsearch input.HFtext{ display: block; width: 166px; height: 28px; line-height: 28px; margin: 0; padding: 0; padding-left: 14px; border: none;;}
.heafsearch input.HFsub{ position: absolute; right: 0; top: 0; display: block; z-index: 2; cursor: pointer; border: none; width: 65px; height: 28px; padding: 0; margin: 0; background: url(../images/icon.png) no-repeat 0 -42px;}

/*右侧漂浮*/
.aside{ position: fixed; z-index: 4; right: 10px; top: 50%; margin-top: -240px; width: 210px; height: 480px; overflow: hidden; background: #fff;}
.aside .astitle{display: block; width: 170px; padding: 0 20px;height: 48px; line-height: 48px; color: #fff; font-size: 16px; background-color: #060797;}
.aside .astitle .iconright{ display: block; float: right; margin-top: 14px;}
.ascontent{ width: 188px; padding:10px; height: 411px; border: 1px solid #ccc; border-top: none;}
.asphone{ position: relative; height: 38px; overflow: hidden; padding-bottom: 10px; border-bottom: 1px dashed #ccc;}
.asphone .ashot{position: absolute; top: 2px; left: 28px; font-size: 12px; }
.asphone p{ line-height: 48px; color: #E60012; font-weight: bold; font-size: 22px;}
.asphone p span{ color: #E60012;}
.asqq{ height: 54px; overflow: hidden; padding:12px 0 8px 0; border-bottom: 1px dashed #ccc;}
.asqq a{display: block; height: 24px; line-height: 24px; font-size: 14px;margin-bottom: 4px;}
.asqq a i{display: block; float: left; margin-right: 6px;}
.assina:hover,
.asqq a:hover{ color: #496EA8;}
.assina{ display: block; height:28px; line-height: 28px; padding: 11px 0; font-size: 14px; border-bottom: 1px dashed #ccc;}
.assina .iconsina{ display: block; float: left; margin-right: 6px;}
.asewm{ padding-top: 14px; padding-bottom: 6px; border-bottom: 1px dashed #ccc; height: 184px;}
.asewm p{position: relative; left: 50%; margin-left: -79px; display: block; width: 158px; height: 158px;}
.asewm p img{ width: 158px; height: 158px;}
.asewm span{ display: block; line-height: 24px; font-size: 12px; text-align: center;}
.asbdshera{padding-top: 8px;}
.ass{ float: left; font-size: 12px; padding-right: 10px; line-height: 28px;}
/*关于我们*/
.aboutCS{height: auto; padding-top: 64px; padding-bottom: 27px;}
.ACdesc{width: 535px; height: 342px; float: left;}
.asdtitle{padding-top: 10px;}
.asdtitle span{ font-size: 26px; color: #dadada; text-transform: uppercase;}
.asdtitle p{ padding-right: 6px;line-height: 32px; font-size: 24px; color:#333;}
.ACdesc .asdtitle p{ }
.asdinfo{ padding-top: 16px; padding-bottom: 36px; font-size: 14px; color: #666; line-height: 26px; text-indent: 28px; text-align: justify;}
.morered{ display: inline-block; width: 149px; height: 44px; font-size: 14px; line-height: 20px; border: 1px solid #060797; color: #060797;line-height: 44px;text-align: center;}
.morered:hover{ padding-left: 18px; padding-right: 18px; width: 149px;}
/*.morered .iconmorered{ position: relative; display: block; float: right;line-height: 44px;}*/
.acdvideo{ float: right; width: 500px; height: 340px;background:url(../images/computer.png) no-repeat left center;margin-right: 40px;}
.acdvideo img{width: 395px;height: 222px;margin-left:12px;margin-top: 14px;}


.hdwrap{ height: 763px; padding-top:44px;background: url(../images/cp_bg.jpg) no-repeat center top;}
.fulltitle{padding-top: 10px; height: 60px; text-align: center;}
.fulltitle span{ font-size: 18px; color:#060797; text-transform: uppercase;}
.fulltitle p{line-height: 32px; font-size: 24px; color:#060797;background: url(../images/xs.png) no-repeat center bottom;padding-bottom: 17px;}
.hdwrap .fulltitle p{ position: relative; left: 50%; margin-left: -70px; width: 140px;}
/*首页产品展示*/
.hdlist1 .chose_menu{text-align: center;display: block;padding-bottom: 25px;border-bottom: solid 1px #dedede;}
.hdlist1 .chose_menu a{display: inline-block;margin: 0 5px;}
.hdlist1 .chose_menu a:hover{color: #060797;}
.hdlist1{overflow: hidden; margin-top: 46px;}
.index_pruduct{overflow: hidden;width: 1230px;}
.index_pruduct li{width: 278px;float: left;height: 340px;margin-right: 29px;position: relative;margin-top: 40px;}
.index_pruduct li a{display: block;width: 278px;}
.index_pruduct li a .cp_img{width: 100%;height: 251px;}
.index_pruduct li a .cp_title{font-size: 15px;font-weight: bold;color: #333;text-align: center;margin-top: 21px;}
.index_pruduct li a .cp_title span{display: block;color: #666;font-size: 12px;font-weight: normal;line-height: 30px;margin-top: 8px;}
.index_pruduct li .nav_line{ position: absolute; left: 50%; margin-left:0; bottom:0px; background:#c0c0dd; width: 0%; height:3px;}
.index_pruduct li:hover .nav_line,
.index_pruduct li.sel .nav_line{ width: 100%; margin-left:-50%; }
.cp_hover{ position:absolute; left: 0; top:0; width:100%; height: 251px; background:url(../images/darkbg.png) repeat center; visibility: hidden; opacity:0; -webkit-opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.cp_hover span{ position:absolute;left:118px;top:112px;}
.index_pruduct li a:hover .cp_hover{visibility: visible; opacity:1; -webkit-opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
/*首页产品展示结束*/
/*资质荣誉开始*/
.hornor_list{margin-top: 52px;}
.hornor_list .hornor_img{display: inline-block;width: 276px;height: 192px;padding: 5px;border: solid 1px #dedede;background: #eee;margin:0 4px;}
.hornor_list .hornor_img img{width: 100%;height: 192px;}
.hornor_list .hornor_img:hover{opacity: 0.8;}
.hornor_list .morered , .hdwrap .morered{ position: relative; left: 50%; top: 0; margin-top: 57px; margin-left: -100px;}
.hdwrap .morered .iconright{ display: block; float: right;}
/*资质荣誉列表*/
.innerhornor{margin-top: 30px;}
.innerhornor .hornor_img{display: inline-block;width: 250px;height: 174px;padding: 5px;border: solid 1px #dedede;background: #eee;margin:0 4px;overflow: hidden;margin-bottom: 20px;}
.innerhornor .hornor_img img{width: 100%;height: 174px;}
.innerhornor .hornor_img:hover{opacity: 0.8;}



/*首页新闻资讯*/
.index_news{margin-top: 66px;overflow: hidden;clear: both;}
.index_news .leftnew{width: 499px;float: left;margin-top: 61px;}
.index_news .leftnew a img{width: 499px;height: 294px;}
.index_news .leftnew a img:hover{opacity: 0.8;}
.index_news .leftnew .news_title{margin-top: 5px;}
.index_news .leftnew .news_title a{display: block;font-size: 16px;color: #333;line-height: 30px;}
.index_news .leftnew .news_title span{display: block;font-size: 14px;color: #999;line-height: 24px;}
.index_news .leftnew .news_title a:hover{color: #060797;}

.rightnew{width: 646px;float: right;margin-top: 61px;}
.rightnew a{display: block;border-bottom: solid 1px #efefef;overflow: hidden;padding: 8px 0;}
.rightnew a:first-child{padding: 0;}
.rightnew a .date{float: left;width: 84px;margin-top: 20px;}
.rightnew a .date p{color: #999;line-height: 24px;font-size: 14px;}
.rightnew a .info{float: left;width: 562px;}
.rightnew a .info span{display: block;font-size: 16px;color: #333;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;height: 30px;}
.rightnew a .info p{color: #999;font-size: 14px;line-height: 24px;height: 55px;overflow: hidden;}
.rightnew a:hover span , .rightnew a:hover p{color: #060797;}

.indexnews{ position: relative; height: 488px; padding-top: 56px; padding-bottom: 56px; background-color: #c2c8ce;}
.INgbblack{ position: absolute; bottom: 0; left: 0; height: 210px; background-color: #97a2ac; width: 100%;}
.innews{float: left; padding: 36px; height: 416px; width: 528px; background-color: #fff;}
.innews .asdtitle p{ width: 100px;}
.intable{ display: block; height: 53px; line-height: 53px;}
.intable span{ display: block; float: left; padding: 15px; height: 23px; line-height: 23px; cursor: pointer; padding-left: 0; font-size: 14px; font-weight: bold;}
.intable span:hover,
.intable span.active{ color: #496ea8;}
.intable span.active:after{ content: ""; position: relative; top: 12px; margin-left: 4px; border: 4px solid transparent; border-top: 4px solid #496ea8;}
.newlist ul{ display: none;}
.newlist ul.active{ display: block;}
.newlist ul li{ display: block; height: 40px; border-bottom: 1px dashed #ccc; line-height: 40px;}
.newlist ul li a{ display: block; height: 20px; padding: 10px 0; width: 480px; line-height: 20px; float: left;}
.newlist ul li a:hover{ color: #496ea8}
.newlist ul li span{ float: right; font-size: 12px; color: #666;}
.indexnews .morered{ margin-top: 60px;}
.indown{ position: relative; float: left; width: 240px; padding: 20px; height: 448px; background-color: #fff; margin-left: 20px;}
.indtitle{ display: block; height: 143px; overflow: hidden; padding-top: 67px; padding-bottom: 54px;}
.indtitle .indt{ display: block; line-height: 30px; text-align: center; font-size: 18px; color: #496ea8; padding-bottom: 8px; padding-top: 22px;}
.indtitle .indi{ display: block; line-height: 30px; text-align: center; font-size: 14px; color: #999; text-transform: uppercase; padding-bottom: 8px;}
.indaq .indt{ color: #1da68b;}
.indlist{ display: block; }
.indlist li{ display: block; border-bottom: 1px dashed #ccc;}
.indlist li a{display: block; height: 20px; padding: 10px 0;font-size: 14px; line-height: 20px; color: #666;}
.indlist li a:hover{ color: #496EA8;}
.lookmore{ position: absolute; right: -5px; top: 6px; padding: 8px 6px; width: 56px; height: 30px; background-color:#1da68b;}
.lookmore span{ color: #fff; display: block; float: left; font-size: 12px; line-height: 15px; padding-left: 4px; width: 30px; height: 30px;}
.lookmore i{ position: relative; top: 5px;; display: block; float: right;}
.inadlist .lookmore{ background-color: #496ea8;}
.lookmore b{ position: absolute; width: 5px; height: 5px; right: 0; bottom: -5px; display: block; background: url(../images/icon.png) no-repeat -200px -185px;}
.inadlist .lookmore b{ background: url(../images/icon.png) no-repeat -205px -185px;}
.lookmore:hover{ width: 66px;}
.indexcontact{height: 315px;background: url(../images/contactbg.jpg) no-repeat center top;border-top: solid 1px #dedede;margin-top: 50px;}

.indexcontact .fulltitle p{ position: relative; left: 50%; margin-left: -70px; width: 140px;}
.indexcontact .mid{ padding-top: 40px;overflow: hidden;}
.icway{ float:left; width: 510px; padding-right:20px; height: 280px; overflow: hidden;}
.IFtitle,
.ictitle{ display:block;font-size: 18px;height: 45px;}
.icifo{ display:block; float:left; width: 368px; overflow: hidden; line-height: 31px; font-size:14px; color: #666;}


.indexform{ float:right; width:490px; height:auto; overflow:hidden;}
.indexform .formtext{height: 34px; padding-bottom:20px; float:left; line-height:34px}
.indexform .form_massege span,
.indexform .formtext span{ display:block; float:left; width:70px; text-align:right; padding-right:10px; height: 34px; line-height:34px; font-size: 14px;}
.indexform .formtext input{ width:134px; float:left; height:30px; line-height:30px; padding:0 5px;border: solid 1px #dedede;}    
.indexform .formtext img{display: block;float: left;border: solid 1px #eee;width: 97px;height: 30px; margin-left: 10px;}
.indexform .formsub{ width:130px; height: 34px; border: none; background-color:#060797; color: #fff; cursor: pointer;display: inline-block;margin-top: 5px;clear: both;}
.indexform .form_massege{clear: both;padding-bottom: 15px;}
.indexform .form_massege textarea{width: 400px;height: 80px;background: #fff;border: solid 1px #dedede;}
.indexform .formwarp{text-align: center;}


.footlink{ height: auto; overflow: hidden; background-color: #2e2e2e;}
.footlink .FLhztitle{ display: block; line-height: 60px; color: #fff; font-size: 16px;}
.footlink .FLhztitle span{font-size:14px; color:#516172; text-transform: uppercase; padding-left:10px;}
.footlink .flpanner{ width: 100%; height: 42px; overflow:hidden; padding-bottom: 24px;}
.footlink .flpanner p{ display:block; height:42px;}
.footlink .flpanner p a{ display: block; float:left; width:114px; height: 42px; margin-right:6px;}
.footlink .flpanner p a img{ width: 100%; height: 100%;}
.flhfriend{ display: block; padding-bottom: 16px; line-height: 20px; font-size: 12px; color: #aeb3ba;}
.flhfriend span{ color:#aeb3ba;}
.flhfriend a{ padding: 0 6px; color: #aeb3ba; font-size: 12px;}
.flhfriend a:hover{ color: #fff;}
.footcopy{ display: block; line-height: 24px; padding: 6px 0;  text-align: center; font-size: 12px; background: #c2c8ce; color: #000;font-style: normal;}
.footcopy a:hover{ color: #6B326B;}
.toppic{ height: 530px; overflow: hidden;}
.toppic img{ position:relative; left: 50%; margin-left: -960px; width: 1920px; height: 530px;}

.innercontent{ background-color: #fff;}
.innercontents{ background-color: #e5e8eb;}
.innerleft{ position:relative; float: left; top: -120px; width:720px; padding:10px 30px 30px 30px; height: auto; /*overflow: hidden;*/ background-color: #fff; box-shadow:0 15px 20px rgba(0,0,0,0.15); -webkit-box-shadow:0 15px 20px rgba(0,0,0,0.15); -moz-box-shadow:0 15px 20px rgba(0,0,0,0.15); -o-box-shadow:0 15px 20px rgba(0,0,0,0.15);}
.innerasden{ display:block;}
.innerasditle{ display: inline-block;}
.innerPicwrap{ position:relative; height: 540px; overflow: hidden; padding-top: 50px;}
.picshowmenu{ position:absolute; z-index: 2; bottom: 16px; left: 0; width: 720px; height: 93px;}
.picshowmenu .iconpicprev{ float: left;}
.picshowmenu .iconpicnext{ float: right;}
.picshowmenu .picshowlist{ position:relative; float: left; height:93px; overflow: hidden; width: 546px; margin-left: 40px;}
.picshowmenu .picshowlist .picshowitem{ position:absolute; left:0; top:0; display: block; width: 300%; height: 93px;}
.picshowmenu .picshowlist .picshowitem a{ display: block; float: left; width: 115px; height: 85px; border:4px solid #fff; margin-right: 18px;}
.picshowmenu .picshowlist .picshowitem a img{ width: 115px; height: 85px;}
.picshowmenu .picshowlist .picshowitem a:hover,
.picshowmenu .picshowlist .picshowitem a.active{ border:4px solid #496ea8;}
.innerYS{ float: right; width: 320px; padding-top: 50px;}

.inneraboutwrap{ position: relative; padding-top: 30px; line-height: 24px;}
.inneraboutwrap p{ padding-bottom: 16px; text-align: justify;}
.inneraboutwrap img{ max-width: 720px; margin-bottom: 10px;}
.innerprader{ position: relative; padding-top: 30px; width: 630px;}
.innerprader .ipcontent{ line-height: 24px}
.innerprader .ipcontent p{ padding-bottom: 16px; text-align: justify;}
.innerprader .ipcontent img{ max-width: 720px; margin-bottom: 10px;}

.ippicwrap{ position: absolute; right: -540px; top: 40px; width: 506px; height: auto; overflow: hidden; border:9px solid #e5e5e5; background-color: #fff; }
.ippicwrap .ippicmenu{ position: absolute; left: 0; bottom: 20px; width: 100%; height: 93px;}
.ippicwrap .ippicmenu span.iconpicprev{ float: left}
.ippicwrap .ippicmenu span.iconpicnext{ float: right}
.ippicwrap .ippicmenu .ippicnum{ display: block; float: left; width: 410px; height: 20px; padding-top: 36px; text-align: center;}
.ippanerlistwrap p{ display: block;}
.ippanerlistwrap p img{ width: 100%;}

.panerList{ padding-top: 10px;}
.panerList a{ display: block; float: left; width: 316px; height: 116px; border:1px solid #ccc; margin:20px}
.panerList a img{ width: 316px; height: 116px;}
.panerList a:hover{ border:1px solid #496ea8;}

.innerLeftwrap{ width:850px; float: left; padding-bottom: 16px;}
.innerLeftcontentwrap{ width:810px; float: left; padding: 20px; padding-top: 0; margin-top: 16px; background-color: #fff; margin-bottom:40px;}
.innerRightwrap{ width: 326px; float: right;padding-bottom: 16px;}

.ilpostion{ padding:20px; background-color: #fff; margin-top: 16px; line-height: 20px; height: 20px;}
.ilpostion h1{ float: left; font-size: 18px;}
.curpos{ float: right;}
.curpos span,
.curpos a{ color: #666; font-size: 14px; padding: 0 6px;}
.curpos a:hover{ color: #496ea8}
.innerLeftcontentwrap .ilpostion{ padding-left: 0; padding-right:0; border-bottom: 1px dashed #ccc; margin-top: 0;}
.innerproductlist li{ display: block; padding: 10px 20px; background-color: #fff; height: 165px; margin-top: 16px;border: solid 1px #eee; }
.innerproductlist li .iplpic{ display:block; float: left; width: 262px; height: 210px;}
.innerproductlist li .iplpic img{ width: 262px; height: 210px;}
.innerproductlist li .iplh2{ display: block;height: 50px; line-height:50px; font-size: 18px; font-weight: bold;}
.innerproductlist li .iplh2:hover{ color:#060796;}
.innerproductlist li .iplinfo{font-size: 12px; color: #000; line-height: 19px; text-indent: 24px; padding-bottom: 24px;}
.innerproductlist li .iplkefu{ width: 812px; }
.innerproductlist li .iplkefu a{ padding: 6px 10px; line-height: 18px; color: #033b88; background-color: #e5e5e5; margin-right: 14px; }
.innerproductlist li .iplkefu a.red{ color: #e60012;}
.innerproductlist li .iplkefu a:hover{ background-color: #ccc;}
.page{ padding: 30px; text-align: center;}

.page span,.page a{ font-size: 14px; padding: 5px 11px; margin: 0 4px; border:1px solid #ccc; background-color: #fff;}
.page span.active,.page a:hover{ background-color:#060796; color: #fff;}

.innerform{ padding-top: 16px;}
.innertitle{ display: block; padding: 16px 20px; background-color: #2f30ac; border-bottom:16px solid #060796; color: #fff; font-size: 20px; font-weight: bold; }
.innertitle span{ display: block; font-size: 20px; color: #bdc8db; font-weight: normal; text-transform: uppercase; line-height:30px;}
.innerform{ float:right; width:326px; height:auto; overflow:hidden;}
.innerform .formradio,
.innerform .formselectm,
.innerform .formselect,
.innerform .formtext{ width:298px; height: 34px; padding-bottom:22px; float:left; line-height:34px}
.innerform .formradio span,
.innerform .formselectm span,
.innerform .formselect span,
.innerform .formtext span{ display:block; float:left; width:70px; text-align:right; padding-right:10px; height: 34px; line-height:34px; font-size: 14px;}
.innerform .formselect select,
.innerform .formselectm select{ width:214px; float:right; height:32px; line-height:32px;}
.innerform .formtext input{ width:200px; float:right; height:30px; line-height:30px; padding:0 5px;}
.innerform .formsub{ width: 100%; height: 48px; border: none; background-color: #496EA8; color: #fff; cursor: pointer;}
.innerform .formwarp{ padding: 24px 14px; background-color: #fff;}
.innerform .formtextarea{width:298px; height: 120px; padding-bottom:22px; float:left; line-height:34px}
.innerform .formtextarea textarea{ width:200px; float:right; height:120px; line-height:30px; padding:0 5px;}

.productcontent{ padding:30px 0; line-height:24px;}
.productcontent p{ padding-bottom:16px;}
.productcontent img{ max-width:810px; margin-bottom:16px;}

.contactwrap{width:770px; float: left; padding: 20px; padding-top: 0; margin-top: 16px; background-color: #fff; margin-bottom:40px;}
.contactwrap p{ line-height:36px;}
.contactmap{ height:420px; padding:4px; border:1px solid #ccc; margin-top:40px;}

.innerLeftbox{ width:810px; float: right; padding: 20px;  background-color:#fff; margin-top:16px; margin-bottom:40px;}
.innerRightox{ position:relative; top:0px; width: 326px; float: left; padding-bottom: 16px;}
.innerLeftbox .ilpostion{ border-bottom:1px dashed #ccc; padding:16px 0; padding-top:0; margin:0;}

.innerHDlist{ padding-top:20px; padding-bottom:20px;}
.innerHDlist li a{ display:block; height:144px; padding:24px 0; border-bottom:1px dashed #ccc;}
.innerHDlist li a .ihdpic{ display:block; float:left; width:227px; height:134px; border:5px solid #e5e5e5;}
.innerHDlist li a .ihdpic img{ width:227px; height:134px;}
.innerHDlist li a .ihdtitle{ display:block; width:553px; float:right; height:40px; line-height:36px; font-size:16px;}
.innerHDlist li a .ihdtime{ display:block; float:right; width:553px; height:38px; line-height:30px; font-size:12px; color:#666;}
.innerHDlist li a .ihdinfo{ display:block; float:right; width:553px; line-height:20px; font-size:12px; color:#666;}
.innerHDlist li a .ihdtitle:hover{ color:#496ea8;}
.innermenu{ padding:8px; background-color:#fff;}
.innermenu p{ padding:10px 0; border-bottom:1px solid #ccc;}
.innermenu p:last-child{border:none;}
.innermenu p a{ display: block; padding:15px 10px; font-size:18px;}
.innermenu p a:hover .iconinnermenu,
.innermenu p a.active .iconinnermenu{ background:url(../images/icon.png) no-repeat -230px -185px;}
.innermenu p a.active,
.innermenu p a:hover{color:#060796;}

.innerlefhd{ padding:8px; background-color:#fff; margin-top:30px;}
.innerlefhd .tit{font-size: 16px;color: #333;background: url(../images/kefu.png) no-repeat 10px center;height: 60px;line-height: 60px;padding-left: 50px;}
.innerlefhd h2{font-size: 14px;font-weight: bold;line-height: 40px;height: 40px;padding-left: 10px;}
.innerlefhd .telinfo{font-size: 14px;line-height: 36px;padding-left: 10px;padding-bottom: 15px;}

.newscontent{ padding:40px 0;}
.newscontent .nctitle{ display:block; padding-bottom:10px; line-height:26px; font-size:20px; text-align:center; color:#000;}
.nctime{ display: block; padding-bottom:30px; border-bottom:1px dashed #ccc; text-align:center;}
.ncinfo{ padding:30px; line-height:28px; font-size:14px;  border-bottom:1px dashed #ccc; margin-bottom:30px;}
.ncinfo img{width: 100%;}
.profie_info{padding:30px; line-height:28px; font-size:14px;}
.profilecontent{padding: 40px 0 0 0;}
.profilecontent .nctitle{ display:block; padding-bottom:30px; line-height:26px; font-size:20px; text-align:center; color:#000;border-bottom:1px dashed #dedede;}
.pagetoggle{ line-height:24px; font-size:14px; color:#000; }
.pagetoggle a:hover{ color:#496ea8;}
.contentup{ position:relative; top:-100px; padding:15px 25px; background-color:#fff;}
.block{ display:block;}
.xmlist{ height:auto; overflow:hidden;}
.xmlist ul{ display:block; width:878px;}
.xmlist ul li{ position:relative; display: block; float:left; width:250px; height:280px; overflow:hidden; border:1px solid #e5e5e5; padding:5px; margin-right:12px; margin-top:24px; background-color:#fff;}
.xmlist ul li:hover{box-shadow:0 15px 20px rgba(0,0,0,0.15); -webkit-box-shadow:0 15px 20px rgba(0,0,0,0.15); -moz-box-shadow:0 15px 20px rgba(0,0,0,0.15); -o-box-shadow:0 15px 20px rgba(0,0,0,0.15);}
.xmlist ul li .xmpic{ display:block; width:250px; height:226px; overflow:hidden;}
.xmlist ul li .xmpic img{ width:250px; height:226px;}
.xmlist ul li .xminfo{ display:block; width:246px; text-align:center; height:40px; background-color:#fff;margin-top: 10px;}
.xmlist ul li .xminfo .xmititle{ display: block;line-height:30px; font-size:14px; color:#000;}
.xmlist ul li .xminfo span.xmtime{line-height:32px; font-size:12px; color:#666;}
.xmlist ul li .xminfo span.xmilook{ float:right; line-height:32px; font-size:12px; color:#666;}

.bgwhite{ background-color:#fff;}
.innerdown{ padding-bottom:16px;}
.innerdown li{ display:block; height:80px; line-height:80px; border-bottom:1px dashed #ccc;}
.innerdown li a.idtitle{ display:block; float:left; width:650px; height:20px; line-height:20px; padding:30px 0;}
.innerdown li a.iddownload{ display: block; float:right; height:22px; padding:29px 0; width:110px; text-align:center; color:#496ea8; line-height:22px;}

.fjdown{ padding-top:20px;}
.fjdown b{ display:block; color:#496ea8; font-size:16px; padding-bottom:10px;}
.fjdown a{ display:block; color:#496ea8; text-decoration:underline; font-size:14px; padding-left:28px; line-height:26px;}
.fjdown a:hover{ text-decoration:none;}

/*在线留言*/
.cxowd{padding: 10px 0;height: auto;margin:20px auto;}
.cxowd .info{width: 410px;height: }
.cxowd .info p{width: 100%;height: 20px;line-height: 20px;color: #333;font-size:14px;margin-bottom: 20px; }
.cxowd .info .cordbg{width: 240px;height: 240px;padding: 9px;background: url(../images/cordbg.png) no-repeat center center;}
.cxowd .info .cordbg .img{display: block;width: 220px;height: 220px;padding: 10px;overflow: hidden;}
.cxowd .info .cordbg .img img{display: block;width: 220px;height: 220px;}
.cxowd .maps{width: 685px;height: 482px;background: url(../images/mapbg.png) no-repeat center center;}
.cxowd .maps .img{width: 667px;height: 464px;position: absolute;top:4px;left: 9px;overflow: hidden;}
.cxowd .maps .img img{width: 667px;height: 464px;display: block;}
.cxowd .form{width: 383px;height: auto;margin-left: 150px;}
.cxowd .form .text{width: 370px;border:1px #ddd solid;border-radius:3px;height: 39px;line-height: 39px;padding-left: 11px;color: #666;font-size: 14px;margin-bottom: 19px;}
.cxowd .form .text2{width: 245px;border:1px #ddd solid;border-radius:3px;height: 39px;line-height: 39px;padding-left: 11px;color: #666;font-size: 14px;background: none;}
.cxowd .form .code{width: 100px;height: 39px;line-height: 39px;text-align: center;overflow: hidden;border-radius: 3px;}
.form .code img{display: block;width: 100px;height: 39px;}
.cxowd .form textarea{width: 370px;border:1px #ddd solid;border-radius:3px;padding-left: 11px;padding-top: 11px;color: #666;font-size: 14px;margin-bottom: 19px;min-height: 160px;outline:none;background: #f8f8f8;}
.cxowd .form textarea::-webkit-input-placeholder {color: #666;}
.cxowd .form .sub{width:149px;height: 44px;text-align: center;margin:50px auto;background:#060796;color: #fff;font-size: 16px;border:none;display: block;}

/*在线简历*/
.onlinejob{width: 650px;margin: 10px auto;}
.onlinejob .row{overflow: hidden;clear: both;}
.onlinejob .infoform{width:320px;float: left;margin-top: 13px;}
.onlinejob .infoform input{width: 186px;height: 35px;margin-left: 5px;border: solid 1px #eee;}
.onlinejob .yanz span , .onlinejob .infoform span{width: 70px;display: inline-block;text-align: right;}
.onlinejob .addform span i , .onlinejob .infoform span i{color: #c91717;font-style: normal;}
.onlinejob .formradio{width: 280px;height: 35px;float: left;margin-top: 13px;margin-left: 37px;}
.onlinejob .addform{width: 620px;clear: both;margin-top: 13px;overflow: hidden;}
.onlinejob .addform textarea{width: 503px;height: 97px;float: left;margin-left: 5px;border: solid 1px #eee;}
.onlinejob .addform input{width: 503px;height: 35px;float: left;margin-left: 5px;border: solid 1px #eee;}
.onlinejob .addform span{width: 70px;display: inline-block;text-align: right;float: left;}
.onlinejob .yanz{width: 450px;}
.onlinejob .text2{width: 245px;border:1px #eee solid;height: 39px;line-height: 39px;padding-left: 11px;color: #666;font-size: 14px;background: none;margin-top: 13px;margin-left: 5px;}
.onlinejob .code{width: 100px;height: 39px;line-height: 39px;text-align: center;overflow: hidden;border: solid 1px #ddd;margin-top: 13px;}
.onlinejob .code img{display: block;width: 100px;height: 39px;}
.onlinejob .sub{width:149px;height: 44px;text-align: center;background:#060796;color: #fff;font-size: 14px;border:none;display: block;float: left;margin: 50px 10px;cursor: pointer;}
.onlinejob .sub02{width:149px;height: 44px;text-align: center;color: #060796;font-size: 14px;border:solid 1px #060796;display: block;background: #fff;float: left;margin-left: 20px;margin: 50px 10px;cursor: pointer;}
/*空页面*/
.empty{text-align: center;min-height: 500px;margin-top: 150px;}
.empty img{margin-top: 50px;}
.empty p{margin-top: 15px;}
/*404*/
.error_bg .pic img{ display:block; margin:auto;}
.error_con {  margin-top:50px; }
.error_con h5{ font-size:30px; color:#434343; text-align: center; margin-bottom:20px;}
.error_con .p1{ color: #434343; font-size: 16px; text-align: center;}
.error_con .p1 img{ margin-right: 5px;}
.error_con .box { padding:0 20px; overflow:hidden;width:260px; margin:30px auto 0;  }
.error_con .box a{ width:120px; height:40px; border-radius:2px; font-size:14px; color:#fff; line-height:40px; text-align:center;}
.error_con .box .fl{ background:#060797;}
.error_con .box .fl:hover{background:#2627b4;}
.error_con .box .fr{color: #060797;border: solid 1px #060797;}
.error_con .box .fr:hover{ background:#060797;color: #fff;}


/*
颜色
红色  e60012
蓝色  496ea8


*/