﻿/* CSS Document */
/*公用样式*/
html,body{width:100%; height:100%;}
*{margin:0;padding:0;}
img{border:none;}
.c-b,.clear{clear:both;}
ul{list-style-type:none;}
a{ text-decoration:none;}
body{ font-family:微软雅黑,"宋体"; font-size:12px; color:#707070;}
.f-l{ float:left;}
.f-r{ float:right;}
.p-r{ position:relative;}
.t300ms{transition:300ms;-webkit-transition:300ms;}
a:hover{transition:300ms;-webkit-transition:300ms;}
.w1200{ width:1200px; margin:0 auto; position:relative;}

.headWrap{}
.logo{ float:left; height:52px; padding:19px 0;}
.logo img{}
.searchBar{ width:250px; height:36px; padding:27px 20px; position:relative;}
.searchBar .txtsearch{ width:250px; height:36px; padding:0 0 0 10px; background:#e4e8ef; border-radius:18px; border:0; outline:none;}
.searchBar .btnsearch{ width:36px; height:36px; background:url(../images/search.png) center center no-repeat;border:0; outline:none; position:absolute; right:20px; top:27px;}
.headWrap .phone{ margin:0 30px 0 0; line-height:90px; font-size:14px; color:#333;}
.headWrap .phone font{ font-size:24px; color:#eb2222;}

.nav{ height:60px; background:#2356aa; position:relative; z-index:2;}
.nav ul{}
.nav ul:after{ display:block; content:""; clear:both;}
.nav ul li{ float:left; width:11.11%; height:60px; text-align:center; line-height:60px; position:relative;}
.nav ul li a{ color:#fff; font-size:16px;}
.nav ul li:hover{ background:#f39800;}
.nav ul li ul{ display:none;width:200%; background:#2356aa; border-radius:5px; padding:10px 0; position:absolute; top:60px; left:-50%;}
.nav ul li ul li{width:90%; margin:0 5%; height:40px; line-height:40px; border-radius:5px;}
.nav ul li:hover ul{ display:block;}

.banner{width:100%; position:relative; z-index:1;}
.banner .imgs{display:none;width:100%;}
.banner .imgs.act{display:block;}
.banner  img{width:100%;}
.banner .bqContainer{ width:100%; position:absolute; bottom:20px;}
.banner .bq{ text-align:center;}
.banner .bq li{width:60px; height:3px; margin:5px; background:rgba(255,255,255,0.5);text-align: center;border-radius: 5px; display: inline-block;}
.banner .bq li.act{ background:#fff;}

.bodyWrap{}

.caseContainer{ background:url(../images/casebg.png) top center repeat-x; padding:20px 0;}
.caseContainer .title{ height:25px; padding:10px 0; background:url(../images/bt0.png) left center no-repeat;}
.caseContent{width:1300px; margin:0 auto; padding:20px 0; position:relative;}
.caseBox{width:1200px; height:80px; margin:0 auto; margin:0 auto; overflow:hidden;}
.caseBox .Slide_list{}
.caseBox .Slide_list:after{display:block; content:""; clear:both;}
.caseBox .Slide_list li{ float:left; width:198px; height:78px; border:1px solid #cad1d7; margin:0 20px; background:#fff; position:relative; text-align:center;}
.caseBox .Slide_list li img{max-width:100%;max-height:100%;}
.Slide_Prev,.Slide_Next{ display:block; width:45px; height:45px; border-radius:50%; position:absolute; top:40px;}
.Slide_Prev{ background:#cad1d7 url(../images/left.png) center center no-repeat; left:0;}
.Slide_Next{ background:#cad1d7 url(../images/right.png) center center no-repeat; right:0;}
.Slide_Prev:hover{ background:#bbb url(../images/left.png) center center no-repeat; left:0;}
.Slide_Next:hover{ background:#bbb url(../images/right.png) center center no-repeat; right:0;}

.productContainer{padding:20px 0;}
.productContainer .title{ height:64px; padding:20px 0; background:url(../images/bt1.png) center center no-repeat;}
.proContent{ width:1200px; margin:0 auto;}
.proMenu{ padding:10px 0;}
.proMenu ul{ float:left;}
.proMenu ul:after{ display:block; content:""; clear:both;}
.proMenu ul li{ float:left; padding:5px 10px; margin:5px; border-radius:25px; background:#e3e7eb; cursor:pointer;}
.proMenu a.more{ display:block; float:right; padding:5px 10px; background:#2356aa; color:#fff;}
.proMenu ul li.act,.proMenu ul li:hover{ background:#f39800; color:#fff;}
.proBox{ padding:20px 0; display:none;}
.proBox.act{ display:block;}
.proBox ul{}
.proBox ul:after{ display:block; content:""; clear:both;}
.proBox ul li{ float:left; width:284px; margin:8px; text-align: center;}
.proBox ul li .img{width:282px; height:176px; border:1px solid #eee; overflow:hidden;position:relative;}
.proBox ul li .img a{ display:none; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(35,86,270,0.5) url(../images/amore.png) center center no-repeat;}
.proBox ul li .img img{ width:auto;height:100%;}
.proBox ul li:hover .img a{ display:block;}
.proBox ul li span{ display:block;line-height:40px; font-size:14px; padding:0 10px; border:1px solid #fff; border-top:0;}
.proBox ul li:hover span{ border:1px solid #eee; border-top:0;}

.add1Container{ height:184px; background:url(../images/addbg1.png) left center no-repeat #2356aa;}
.add1Content{ color:#fff; width:800px; margin:0 auto; padding:40px 0 0 160px;}
.add1Content p{ font-size:14px; line-height:25px;}
.add1Content a{ display:block; width:128px; height:32px; margin:20px 0 0 0 ; border:1px solid #8fa9d4; line-height:32px; text-align:center; font-size:14px; color:#fff;}

.environmentContainer{padding:10px 0; background:#e7ebf1;}
.environmentContainer .title{ height:110px; padding:10px 0; background:url(../images/bt2.png) center center no-repeat;}
.envContent{width:1300px; margin:0 auto; position:relative; padding:30px 0 50px 0;}
.envBox{ width:1200px; height:240px; margin:0 auto; overflow:hidden;}
.envBox ul{}
.envBox ul:after{display:block; content:""; clear:both;}
.envBox ul li{ float:left; margin:0 28px;}
.envBox ul li .img{ border:2px solid #fff; width:540px; height:236px; position:relative; overflow:hidden;}
.envBox ul li .img img{ width:100%; height:auto;}
.envBox ul li span{ display:block; width:100%; height:50px; line-height:50px; text-indent:2em; color:#fff; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5);}
.envContent .Slide_Prev,.envContent .Slide_Next{ top:120px;}

.newsContainer{ padding:10px 0 50px 0;}
.newsContainer .title{ height:80px; padding:20px 0; background:url(../images/bt3.png) center center no-repeat; position:relative;}
.newsContainer .title a.more{ display:block; padding:5px 15px; border-radius:20px; background:#fff; color:#737373; border:1px solid #ccc; position:absolute; right:20%; top:55px;}
.newsContent{ padding:20px 0; width:1200px; margin:0 auto;}
.newsContent ul{}
.newsContent ul:after{display:block; content:""; clear:both;}
.newsContent ul li{ float:left; width:48%; margin:0 1%; padding:15px 0; border-bottom:1px dashed #eee;}
.newsContent ul li dl{ float:left;color:#7f8b97; font-family:等线; margin:0 35px 0 10px;}
.newsContent ul li dl dt{ font-size:55px;}
.newsContent ul li dl dd{ font-size:14px;}
.newsContent ul li a{ display:block; font-size:18px; color:#333333; padding:0 0 10px 0;}
.newsContent ul li p{ font-size:14px; color:#7f8b97; line-height:20px; font-family:宋体;}
.newsContent ul li:hover a{ color:#2356aa;}
.newsContent ul li:hover dl{ color:#2356aa;}
.newsContent ul li:hover{ background:#cad1d7;}

.footWrap{ background:#393f49; border-top:3px solid #2356aa;}
.footer{ padding:0 0 20px 0;}
.footContact{ float:left; color:#fff;}
.footContact h2{ font-size:24px; font-weight:normal; padding:40px 0;}
.footContact span{ display:block; padding:0 0 0 30px; line-height:30px; font-size:14px; font-family:宋体;}
.footContact span:nth-child(2){ background:url(../images/footcon.png) 5px 5px no-repeat;}
.footContact span:nth-child(3){ background:url(../images/footcon.png) 5px -25px no-repeat;}
.footContact span:nth-child(4){ background:url(../images/footcon.png) 5px -55px no-repeat;}
.fastLink{ float:left; width:700px; margin:50px 0 0 80px; border-top:1px solid #31363e;}
.fastLink a{ display:block; float:right; margin:20px; width:100px; height:30px; padding:70px 0 0 0; line-height:30px; color:#fff; text-align:center; border-radius:5px;}
.fastLink a.friendLink{ background:#535861 url(../images/linkcon.png) 33px 25px no-repeat;}
.fastLink a.caseLink{ background:#535861 url(../images/linkcon.png) -140px 25px no-repeat;}
.fastLink a.weixin{ background:#535861 url(../images/linkcon.png) -313px 25px no-repeat;}
span.backTop{ display:block; width:64px; height:62px; background:url(../images/top.png) center center no-repeat; position:absolute; right:0; cursor:pointer;}
.bottom{ height:60px; background:#31363e; font-size:14px; color:#a7a7a7; line-height:60px;}
.bottom p{ float:left;}
.bottom ul{ float:right;}
.bottom ul li{ float:left;}
.bottom ul li a{ color:#fff; padding:0 15px; border-left:1px solid #fff;}
.bottom ul li a:hover{ color:#f90;}

/*内页*/
.right{ padding:20px 0; position:relative;}
.thismenu{ height:50px; padding:0 0 0 40px; background:url(../images/leftjjtt.png) 10px center no-repeat; line-height:50px; font-size:18px; color:#2356aa; border-bottom:1px solid #eee;}
.thismenu span.en{ display:none;}
.currentlocation{ position:absolute; top:20px; right:0; line-height:50px; padding:0 0 0 20px; background:url(../images/weizhi.png) left center no-repeat;}
.currentlocation a{ color:#f90;}

/*大段内容部分公用内容*/
.content{margin:0 auto;padding:0 20px;text-align:left;color:#535353;overflow-x:hidden;overflow-y:auto;}
.contenthead{width:80%;margin:15px auto;border-bottom:#ccc dashed 1px;}
.contenthead h1{text-align:center;font-size:18px;}
.contenthead h2{font-weight:normal;text-align:center;font-size:12px;padding:5px 0;}
.contentsummary{padding:5px;background:#f9f9f9;border:1px dashed #e7edf1}
.contentmain{margin:0 auto;padding:10px 0;font-size:12px;line-height:2;}
.contentfooter{margin:10px 0;color:#666;}
.contentfooter a{color:#666;}
.contentfooter a:hover{color:#2ea2c5;}

/*Page分页*/
.page{width:auto;margin:20px auto;padding:0;}
.morePage{float:left;}
.morePage a{word-break:normal;word-wrap:normal;color:#3384c5;text-align:center;}
.morePage *{font-style:normal;font:normal 12px/18px Srial,SimSun,serif;text-decoration:none;}
.morePage b{display:block;float:left;width:auto;height:18px;line-height:18px;margin:0 4px;padding:4px 10px;color:#404040;border:1px #e7e7e7 solid;}
.morePage code{display:block;float:left;}
.morePage code a,.morePage code i{display:block;float:left;width:auto;height:18px;line-height:18px;margin:0 4px;padding:4px 10px;color:#404040;border:1px #e7e7e7 solid;}
.morePage code a{}
.morePage code a:hover{color:#fff;border-color:#e78034;background:#e78034;}
.morePage code a.active{color:#fff;border-color:#e78034;background:#e78034;font-weight:bold;}
.morePage code a:hover.active{}
.morePage code i{display:block;border:0;margin:0;padding:0;font-weight:bold;line-height:14px;}
.morePage kbd,.morePage dfn{display:block;float:left;width:auto;height:18px;line-height:18px;margin:0 4px;padding:4px 10px;border:1px #e7e7e7 solid;color:#fff;border-color:#e78034;background:#e78034;}
.morePage dfn{}
.morePage dfn.disable{}
.morePage kbd a,.morePage dfn a{display:block;overflow:hidden;color:#fff;}
.morePage dfn a{}
.morePage dfn.disable,.morePage kbd.disable{background:#e6e6e6;border:1px #e6e6e6 solid;}
.morePage kbd.disable{}
.morePage .disable a{color:#fff;background:#e6e6e6;}
.disable{background-color:#eee;}
.morePage .off{display:none;}
.morePage input{display:none;float:left;width:50px;height:18px;line-height:18px;font-family:Verdana,SimSun;border:1px solid #999;background:#fff;color:#3384c5;text-align:center;}

/*大段内容部分公用内容*/
.content{margin:0 auto;padding:0 20px;text-align:left;}
.contenthead{width:80%;margin:15px auto;border-bottom:#ccc dashed 1px;}
.contenthead h1{text-align:center;font-size:18px;}
.contenthead h2{font-weight:normal;text-align:center;font-size:12px;padding:5px 0;}
.contentmain{margin:0 auto;padding:0 15px;color:#666;line-height:2;word-wrap:break-word;}
.contentmain p{margin:1em 0;}
.contentmain img{border:none;}
.contentfooter{margin:10px 0;color:#666;}
.contentfooter a{color:#666;}
.contentfooter a:hover{color:#2ea2c5;}

/*展示方式*/
/*文字列表*/
ul.text_list{ padding:10px 0 50px 0;}
ul.text_list li{ height:32px; line-height:32px; padding:17px 0; border-bottom:1px dashed #ccc;}
ul.text_list li dl{ float:left; height:32px; width:100px; margin:0 20px 0 0; line-height:32px; text-align:center; color:#fff;}
ul.text_list li dl dt{ float:left; width:50%; background:#92B9F4;}
ul.text_list li dl dd{ float:left; width:50%; background:#225DB7; position:relative;}
ul.text_list li dl dd:after{width: 0;height: 0;border-top: 5px solid transparent;border-left: 10px solid #225DB7;border-bottom: 5px solid transparent; content:""; position:absolute; right:-9px; top:10px;}
ul.text_list li a.a1{ display:inline; float:left; width:600px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; color:#666; font-size:14px;}
ul.text_list li a.a2{ display:inline; float:right; color:#727375; font-size:12px;}
ul.text_list li:hover a{ color:#7993d0;}

/*图文列表*/
base_PicTextlist{}
ul.base_PicTextlist{ padding:10px 0 50px 0;}
ul.base_PicTextlist li{ float: left; width:240px; padding:10px; margin:10px 6px; border:1px solid #ddd; background:#fff;}
ul.base_PicTextlist li span.time{display:block; color:#bbb;}
ul.base_PicTextlist li h4{ font-weight:normal;font-size:16px;line-height:20px;padding:10px 0;}
ul.base_PicTextlist li .img{width:240px; height:150px; margin:10px auto; overflow:hidden;}
ul.base_PicTextlist li .img img{ width:100%; height:100%;}
ul.base_PicTextlist li a{ display:block; width:90px; height:23px; margin:20px auto; line-height:23px; text-align:center;color:#fff; background:#8399f0; border-radius:3px;}
ul.base_PicTextlist li:hover{background:#6382f0;}
ul.base_PicTextlist li:hover span.time{color:#fff;}
ul.base_PicTextlist li:hover h4{ color:#fff;}
ul.base_PicTextlist li:hover p{color:#fff;}
ul.base_PicTextlist li:hover a{ color:#8399f0; background:#fff}

/*图文详情列表*/
ul.PicTextIntro_list{}
ul.PicTextIntro_list li{ border-bottom:1px solid #e6e6e6; padding:10px; position:relative;}
ul.PicTextIntro_list li .img{ float:left; width:200px; height:115px; margin:0 20px 0 0; overflow:hidden;}
ul.PicTextIntro_list li .img img{ width:100%; height:auto;}
ul.PicTextIntro_list li a{ display:block; margin:0 0 0 220px; line-height:50px; color:#333; font-size:16px;}
ul.PicTextIntro_list li span.time{ display:block; padding:5px 0 5px 25px; color:#747474; position:absolute; top:10px; right:10px; background:url(../images/time.png) left center no-repeat;font-family:"宋体";}
ul.PicTextIntro_list li p{ margin:0 0 0 220px;line-height:25px; font-family:"宋体";}
ul.PicTextIntro_list li a:hover{ color:#f90;}

/*图片列表*/
ul.Pic_list{}
ul.Pic_list li{ float:left; background:#fff; border-radius:5px; width:255px; height:200px; padding:5px; margin:10px 12px; box-shadow:1px 1px 2px 2px #eee;}
ul.Pic_list li .img{ width:100%; height:160px; overflow:hidden; position:relative;}
ul.Pic_list li .img img{ max-width:100%; max-height:100%;width:90%;height:auto;display:block;margin:0 auto;transition:300ms;-webkit-transition:300ms;}
ul.Pic_list li .img a{ display:block; width:0; height:100%; background:rgba(0,0,0,0.3) url(../images/search.png) center center no-repeat; position:absolute; top:0; left:0; z-index:2;transition:300ms;-webkit-transition:300ms;}
ul.Pic_list li span{ line-height:40px; font-size:14px; font-family:"宋体"; text-align:center; display:block;}
ul.Pic_list li:hover .img a{ width:100%;}
ul.Pic_list li:hover span{ color:#f90;}


/*列表页2*/
.base_TextList_menumulti{height:40px; margin:10px 0 0 0; padding:0 10px; background:url(../images/rjt.png) 96% center no-repeat;}
.base_TextList_menumulti a{color:#333;font-size:18px;line-height:40px;}
.base_TextList_multi{ padding:0 10px;}
.base_TextList_multi li{ border-bottom:1px dashed #f0f0f0; font-size:16px;line-height:48px;padding:0 10px;color:#737373}
.base_TextList_multi li:hover{background:#f6f5f1;color:#b28b0a;}
.base_TextList_multi li a{color:#737373;}
.base_TextList_multi li span.icon{ display:inline-block; float:left; width:40px; height:48px; background:url(../images/huidian.png) center center no-repeat }
.base_TextList_multi li span.time{ float:right;}
.base_TextList_multi li:hover a{color:#b28b0a}
.base_TextList_multi li:hover span.icon{ background:url(../images/huangdian.png) center center no-repeat }

.base_TextList_multi li a.a1{color:#a42f35}
.base_TextList_multi li a.a2{color:#b28b0a}
.base_TextList_multi li a.a3{color:#223acd}

/*搜索页*/
.base_searchList{}
.base_searchList dl{ padding:10px 0; border-bottom:1px dashed #eee;}
.base_searchList dl dt{ line-height:30px; font-size:14px;}
.base_searchList dl dt a{color:#737373;}
.base_searchList dl dd{}
.base_searchList dl dt a:hover{ color:#f90;}

/*单页效果*/
.base_singlepage{margin:0 auto;padding:0;text-align:left;line-height:2;}
.base_singlepage_head{width:80%;margin:0 auto 20px auto;}
.base_singlepage_head h1{color:#f64100;text-align:center;font-size:16px;}
.base_singlepage_head h2{font-weight:normal;text-align:center;font-size:12px;padding:5px 0 2px 0;}
.base_singlepage_summary{margin:5px auto;padding:10px;background:#fafafa;border:1px #f0f0f0 dashed;}
.base_singlepage_main{margin:0 auto;padding:10px 0;}
.base_singlepage_main p{-webkit-margin-before:0;-webkit-margin-after:0;}



/*基础文件 额外配置 必须放置尾部*/
.mg-0{margin:0px;}
.mg-5{margin:5px;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.pd-0{padding:0px;}
.pd-5{padding:5px;}
.mt-0{margin-top:0px;}
.mb-0{margin-bottom:0px;}
.ml-0{margin-left:0px;}
.mr-0{margin-right:0px;}
.pt-0{padding-top:0px;}
.pb-0{padding-bottom:0px;}
.pl-0{padding-left:0px;}
.pr-0{padding-right:0px;}
.pl-5{padding-left:5px;}
.pr-5{padding-right:5px;}
.pb-5{padding-bottom:5px;}
.w-5{width:5px;}
.h-5{height:5px;}
.h-10{height:10px;}
.h-20{height:20px;}
.lh-24{line-height:24px;}
.c-b{clear:both;}
.f-l{float:left;}
.f-r{float:right;}
.bc-1{background:#f2f6f9;}
.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.va-m{vertical-align:middle;}