@import url('goble.css');
@import url('header.css');
@import url('animate.css');

/*banner*/
div.moduletable-banner{width:100%;background: url(../images/loading.gif) no-repeat;margin:0 auto;}
.flexslider{width:100%;overflow: hidden;}
.flexslider .slides > li{display: none;}
.flexslider .slides img{width:100%;height:auto;display: block;}
.slides: after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li: first-child{display: block;}

.flexslider{position: relative;zoom: 1;}
.flexslider .slides{zoom: 1;}
.flexslider .slides > li{position: relative;}
.flex-caption{background: none;-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom: 1;}
.flex-caption{width: 96%;padding: 2%;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.3);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.3);font-size: 14px;line-height: 18px;}
.flex-direction-nav{height: 0;overflow: hidden;}
.flex-direction-nav li a{display: none;width: 47px;height: 80px;position: absolute;top: 50%;margin-top: -40px;cursor: pointer;text-indent: -9999px;}
.flex-direction-nav li a.next{right: 0;background: url("../images/bg_direction_nav.png") no-repeat scroll -47px 0 transparent;}
.flex-direction-nav li a.next: hover{}
.flex-direction-nav li a.next: active{background: url("../images/bg_direction_nav.png") no-repeat scroll -47px -80px transparent;}
.flex-direction-nav li a.prev{left: 0;background: url("../images/bg_direction_nav.png") no-repeat scroll 0 0 transparent;}
.flex-direction-nav li a.prev: hover{}
.flex-direction-nav li a.prev: active{background: url("../images/bg_direction_nav.png") no-repeat scroll 0 -80px transparent;}
.flex-direction-nav li a.disabled{opacity: .3;filter: alpha(opacity=30);cursor: default;}

.flex-control-nav{position: absolute;bottom:10px;width:100%;margin:0 auto;text-align:center;}
.flex-control-nav li{display: inline-block;zoom: 1;margin-right: 10px;margin-bottom: 6px;}
.flex-control-nav li a{display: block;width: 32px;height: 5px;border-radius:20px;background:#eee;cursor: pointer;text-indent: -9999px;}
.flex-control-nav li a: hover{width: 32px;height: 5px;border-radius:20px;background:#1B4E9F;}
.flex-control-nav li a.active{width: 32px;height: 5px;border-radius:20px;background:#1B4E9F;cursor: default;}
/*banner */

/*通用*/
#intro{width: 1200px;margin: 0 auto;}
#intro h3{font-size: 30px; display: block; text-align:center;font-weight:bold;margin:0 auto;color:#666;}
#intro .lead {font-size: 16px;margin:5px auto 15px auto;text-align:center}
#intro .xline{background:#015DB2;height:6px;width:60px;font-size: 14px;margin: 10px auto;}

.mores{background: #015DB2;width:180px;padding:10px;margin: 0 auto;text-align: center;}
.mores a{color:#fff;font-size:16px;}
.mores a img{width: 41px;height: 20px;margin-left: 15px;}
.mores a:hover{background: #015DB2;}

.case_more {color:#fff;display: block; margin:40px auto 0px auto; width:200px; height:46px; font-size: 16px; line-height: 46px; text-align: center;border-radius:10px; overflow: hidden}
.case_more:hover{color: #333;background: #fff; width:200px; height:46px;}

/*产品展示*/
.probox{width:1200px;margin:0px auto;}
.probox .probox-l{float: left;width:290px;background:#f0f0f0;}
.probox .probox-r{float: right;}

.pro-top{background: url(../images/pr_tit_bg.png) no-repeat;padding-top:10px;height: 113px;width:310px;position: relative;}
.pro-top h3{font-size: 22px; font-family: Arial; font-weight: 400; margin-top: 30px;color:#fff;padding-left: 40px;}
.pro-top span{color: #fff;font-size:20px;padding-left: 40px;}

.pro-nav{width: 220px;margin:20px auto;padding:40px 10px 20px 10px;background: #fff;height:auto;position: relative;top: -40px;}
.pro-nav ul{width: 200px;margin:0 auto;}
.pro-nav ul li{height:50px;line-height:50px;display:block;font-size:14px;padding-left:30px;background:url('../images/jt.png') no-repeat left;}
.pro-nav ul li a{color:#333;font-size: 16px;}
.pro-nav ul li:hover{height:50px;line-height:50px;display:block;font-size:14px;padding-left:30px;}

.pro-tel{width:200px;background:#e62129;padding:25px 20px;margin: 0 auto;position: relative;top:-40px;}
.pro-tel .pr_cont_phone{border:1px solid #fb7d82;padding:10px 0 10px 35px;background-image:url(../images/pr_phone.png);background-position:left center;background-repeat:no-repeat}
.pro-tel .pr_cont_phone a{color:#fff;font-size:16px;line-height: 30px;}
.pro-tel .pr_cont_phone p{color:#fff;font-size:14px;line-height:25px;}


.pro-title{width: 846px;margin: 0 auto;height: 50px;}
.pro-title h3{float:left;width:300px;color:#015db2;font-weight:700;font-size:22px;line-height:50px;}
.pro-title a{float:right;border:1px solid #EBEBEB;color:#666;margin-top:15px;padding:5px 30px 5px 20px;background:url(../images/jiantou.png);background-position:right 15px center;background-repeat:no-repeat}

.index-prolist{width:876px;margin:0 auto 50px auto;}
.index-prolist ul{overflow:hidden; zoom:1;}
.index-prolist ul li{width:260px;float: left;text-align:center;margin:15px;border:1px solid #f0f0f0;position: relative;background: #fff;}
.index-prolist ul li a{width:260px;height:240px;position: absolute;overflow:hidden;top:0px;left:0;right:0;}
.index-prolist ul li a:hover img{width:220px;height: 200px;transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);}
.index-prolist ul li:hover img{width:220px;height: 200px;transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);}

.index-prolist ul li img{width:220px;height:200px;margin:16px;-moz-transition: all 2s; -webkit-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.index-prolist ul li .news_bott{height:40px;padding: 0 20px;margin-top: 240px;background:#EBEBEB;}
.index-prolist ul li .news_bott h2{font-size: 18px;color: #717070;line-height: 40px;font-weight:normal;}

.index-prolist ul li:hover .news_bott{height:40px;padding: 0 20px;background:#397AB8 url('../images/icon03.png') no-repeat right top;color:#fff;}
.index-prolist ul li:hover .news_bott h2{font-size: 18px;color: #fff;line-height: 40px;font-weight:normal;}

/*选择–*/
.why-boxbg{background:url('../images/whybg.jpg') no-repeat center center;padding:50px 0 100px 0;}
.whybox{width: 1000px;margin:70px auto;height: 250px;}
.whybox ul li{float: left;width:200px;margin: 0 25px;text-align: center;}
.whybox ul li img{width: 130px;height: 130px;margin: 0 auto 15px auto;}
.whybox ul li h3{font-size:18px;color:#333;display: block;line-height:25px;height: 50px;}
.whybox ul li p{font-size:14px;color:#666;display: block;line-height: 22px;}

/*关于我们*/
.about-box{width: 1200px;margin:35px auto;height: 400px;}
.about-box .about-box-l{float: left;width: 520px;border: 10px solid #edf5fa;}
.about-box .about-box-l img{width: 100%;}
.about-box .about-box-r{float: right;width:600px;padding-top: 5px;}
.about-box .about-box-r h1{font-size: 28px;font-weight:normal;color:#444;}
.about-box .about-box-r .line{width:80px;border-top:4px solid #263c92;margin: 10px 0;}

.about-box .about-box-r .about-box-info{color:#000;font-size: 14px;line-height:28px;color:#666;margin:10px 0;overflow: hidden;}
.about-box .about-box-r .about-box-info a{color: #fff;font-size: 16px;display:block;margin:50px 0 10px 0;background:#015DB2;text-indent:40px;width:180px;height:42px;line-height:42px;transition: all .5s linear;}
.about-box .about-box-r .about-box-info a:hover{background: #ffc000;color: #fff;}



/*内容 新闻*/
.weblist{margin:15px auto 0 auto;width:456px;}
.weblist li{height:30px; line-height:30px; overflow:hidden; position:relative; font-size:14px;color:#999;}
.weblist li span{position:absolute; top:0px; right:5px; white-space:nowrap;}
.weblist li a{background:url(../images/icon-dot.gif) 2px center no-repeat; padding-left:20px;color:#666;}
.weblist li a:hover{background:url(../images/icon-dot.gif) 2px center no-repeat;}

/*案例*/
.caseshow ul{width:1100px;}
.caseshow li{float:left; width:274px; height:170px; background:#FFF; position:relative; z-index:2; overflow:hidden;}
.caseshow li a{ display:block}
.caseshow li a img{ position:absolute; z-index:3; top:10px; left:10px;display: inline-block; }
.caseshow li a .up_box{ top:-5px; width:258px; left:0px;position:absolute; overflow:hidden; height:5px; text-align:left}
.caseshow li a:hover .up_box{ display:block;position:absolute; z-index:4; top:10px; left:10px;  width:258px; height:150px; overflow:hidden; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity: 0.7;
margin-left:0px;
-webkit-transition:height;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 150ms;}
.caseshow li a .up_box h3{ margin:22px; font-size:14px; line-height:24px; color:#fff}

/*首页 新闻*/
.ST13 ul{width:320px;margin:15px auto 0 auto;}
.ST13 ul li{line-height:30px;height: 30px;list-style-image: url(../images/bullet.gif);margin-left:20px;padding-left:5px;}
.ST13 ul li a{color: #666666; font-family: "微软雅黑"; font-size: 14px;}
.ST13 ul li a:hover{color: #ff0000;}


/*通用*/
.Til_title{width: 100%;height: 40px;border-bottom: 4px solid #e6e6e6;}
.cityName{font-size: 18px;height: 40px;float: left;line-height: 40px;color: #0c0300;border-bottom: 4px solid #BC3006;width:80px;}
.cityName em{font-size:14px;position:absolute;font-style: italic;color:#b0b0b0;text-align:left;margin-left:15px;margin-top:2px;}
.cityMore{float: right;color: #999;padding-top:16px;}
.cityMore a{color: #999;background:url(../images/newsmore.png) no-repeat; width:22px; height:18px; display: block;}
.cityMore a:hover{background:url(../images/headMore.png) no-repeat; width:22px; height:18px;}


/*新闻资讯板块*/
.IndNewsBox{width: 1300px;margin:50px auto;}
.IndNewsBoxLeft{float: left; width: 650px;overflow: hidden;}
.IndNewsBoxLeft dl{width: 650px;overflow: hidden;padding:20px;background:#F4F5F5;}
.IndNewsBoxLeft dl:hover{background:#015DB2;}
.IndNewsBoxLeft dl:hover h2,.IndNewsBoxLeft dl:hover p{color:#fff;}
.IndNewsBoxLeft dl img{width:610px; height: 300px;}

.IndNewsBoxLeft dl dt{float:left;padding:0 10px;border-right:1px solid #999;margin-top:15px;}
.IndNewsBoxLeft dl dt .newsTime{overflow: hidden; text-align: center;color: #666;}
.IndNewsBoxLeft dl dt .year{font-size: 20px; font-weight: normal; line-height:26px;border-bottom: 1px solid #999;}
.IndNewsBoxLeft dl dt .date{font-size: 16px; line-height: 30px; font-weight: normal;}

.IndNewsBoxLeft dl dd{width:490px;overflow: hidden;color:#666;padding-left:20px;margin: 10px 0;}
.IndNewsBoxLeft dl dd h2{font-size: 16px;overflow: hidden;font-weight: normal; color: #333;}
.IndNewsBoxLeft dl dd p{font-size: 14px;color:#999;}


.IndNewsBoxRight{width: 600px;float: right; overflow: hidden;}
.IndNewsBoxRight dl{ width: 600px;height:90px;overflow: hidden; background: #f2f2f2; margin-bottom:20px;}
.IndNewsBoxRight dl a{display: block; width: 560px;height:80px; padding: 15px 20px;color:#666;}
.IndNewsBoxRight dl:hover{background:#015DB2 url('../images/icon03.png') no-repeat right top;box-shadow: 3px 5px 10px #999;}
.IndNewsBoxRight dl:hover a{color:#fff;}
.IndNewsBoxRight dl:hover h2{color:#fff;}
.IndNewsBoxRight dl dt{float: left;height: 80px; overflow: hidden; text-align: center;}
.IndNewsBoxRight dl dt .year{font-size: 20px; font-weight: normal; line-height:26px;border-bottom: 1px solid #999;}
.IndNewsBoxRight dl dt .date{font-size: 16px; line-height: 30px; font-weight: normal;}

.IndNewsBoxRight dl dd{float: right; width:480px;padding-left:20px;border-left:1px solid #999;}
.IndNewsBoxRight dl dd h2{font-size: 16px;color:#333;}
.IndNewsBoxRight dl dd p{font-size: 14px;line-height:20px;color:#999;}


/*联系方式 下部*/
.contact-boxbg{width: 100%;padding:40px 0;height:40px;background:#0451aa;text-align: center;}
.contact-boxbg h2{font-size: 22px;color: #fff;line-height:30px;text-align:center;}
.contact-boxbg p{font-size: 16px;color: #fff;line-height:30px;text-align:center;letter-spacing: 1px;}

/*tab 切换*/
.pro-tab-box-bg{background: #fff;margin-top: 20px;}
.pro-tab-box {width:1200px;margin:20px auto;}

.pro-tab-box-type{width: 720px;margin: 0 auto;}
.pro-tab-box-type ul{height:39px; line-height: 39px; font-weight: 500;}
.pro-tab-box-type ul li{float: left;width:120px;margin:0 10px;text-align:center;color:#999;height: 32px;line-height: 32px;font-size: 16px;border: 1px solid #999;border-radius:22px;}
.pro-tab-box-type ul li.on{border: 2px solid #D20C01;border-radius:20px;color:#D20C01;}

.pro-tab-li-box{width: 1200px;padding-top:10px;clear:both;}
.pro-tab-li-box .img_list ul{width: 1200px;margin:0 auto;}
.pro-tab-li-box .img_list ul LI{width:280px;FLOAT:left;text-align:center;margin: 10px;background: #ddd;border-radius:6px;}
.pro-tab-li-box .img_list ul LI IMG{width:280px;height:232px;}
.pro-tab-li-box .img_list ul LI span{color:#fff;text-align:center;}

.pro-tab-li-box .img_list ul LI .project-btn-wrap{width:100%;text-align:center;margin-top: 10px;}
.pro-tab-li-box .img_list ul LI .project-btn{display:inline-block;font-size:16px;width:140px;height:38px;line-height:38px;margin:0 10px;border:#999 1px solid;border-radius:20px}
.pro-tab-li-box .img_list ul LI .project-btn:hover{font-size:16px;border-color:#0E82E7;background:#0E82E7;color:#fff}

.project-pic-link{position:relative;display:block}
.project-pic{display:block;width:280px;height:232px}
.project-pic-text{height:36px;line-height:36px;font-size:16px;text-indent:15px}
.m-abs-text-bg{position:absolute;bottom:0;left:0;width:100%;background:rgba(26,70,119,.6);overflow:hidden}


.chengnuo-boxbg{width: 100%;height:260px;background:url('../images/cnbg.jpg') no-repeat;}
.chengnuo-box{width: 1300px;margin: 0 auto;}
.chengnuo-box .chengnuo-box-l{width: 560px;float:left;}
.chengnuo-box .chengnuo-box-r{width: 580px;float:right;color:#fff;padding: 30px 0;}
.chengnuo-box .chengnuo-box-r .text{font-size: 24px;line-height: 50px;}
.chengnuo-box .chengnuo-box-r .textp{font-size: 14px;line-height:25px;}
.chengnuo-box .chengnuo-box-r .texttel{font-size:36px;margin-top: 30px;}
.chengnuo-box .chengnuo-box-r .texttel img{margin-right: 20px;}