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


/*banner*/
div.moduletable-banner{width:100%;background: url(../images/loading.gif) no-repeat;margin:0 auto;position: relative;top:100px;z-index: 9;}
.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:15px;width:150px;margin: 0 auto;text-align: left;left: 0;right: 0;}
.flex-control-nav li{display: inline-block;zoom: 1;margin-right: 15px;margin-bottom: 6px;}
.flex-control-nav li a{display: block;width: 32px;height: 5px;background:#eee;cursor: pointer;text-indent: -9999px;border-radius:20px;}
.flex-control-nav li a:hover{width: 32px;height: 5px;background:#0C4DA2;}
.flex-control-nav li a.active{width: 32px;height: 5px;background:#0C4DA2;cursor: default;}
/*banner */

/*index banner*/
.yx-rotaion{margin:0 auto;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute;}
.yx-rotation-title{position:absolute;width:100%;height:50px;line-height:50px;background:#000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;left:0;bottom:0;z-index:1;}
.yx-rotation-t{color:#fff;font-size:16px;z-index:9;bottom:0;left:10px;line-height:50px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:50px;line-height:50px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:20px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}

.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;}
.rotaion_list li{width: 100%;}
.rotaion_list li img{width:600px;height:400px;background-size:cover;}



/*新闻资讯*/
.news-box{width: 1276px;margin:20px auto;height:400px;padding:0;box-shadow: #d8d8d8 0 0 10px;}
.news-box .news-box-l{width: 600px;float: left;}
.news-box .news-box-r{width: 630px;float: right;background: #fff;}

.news-tab {overflow:hidden;width:630px;float: right;padding-top: 15px;}
.news-tab h1{width:630px;height:36px;line-height: 36px;}
.news-tab h1 span{float: left;padding:0 20px;border-radius:8px;text-align:center;font-size: 18px;letter-spacing: 1px;color:#555;position: relative;z-index: 1;-ms-transition: .3s;transition: .3s;}
.news-tab h1 span.on{color:#fff;transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s;background:url(../images/line-bg.png) no-repeat;}
.news-tab h1 span.on a{color:#018dd7;}

.newsli{width: 92%;padding:0;font-weight: normal !important;}
.newsli ul li{line-height: 40px;position: relative;font-size: 15px;color:#646464;list-style-type: none;width:100%;}
.newsli ul li span{ position: absolute; right: 5px;color:#999;}
.newsli ul li a{color:#424242;}
.newsli ul li a:hover{color:#018dd7;text-decoration:none;}


.imgone{width:580px;height:100px;margin:25px auto 0px auto;}
.img_pic img{width:100px; height:75px; float:left;padding:5px;border-radius: 5px;border:1px solid #ddd;}

.imgone_con{width:450px; height:75px;float:right;}
.imgone_con h1{width:450px; height:30px; font-size:16px;color:#333;font-weight:bold; line-height:30px; text-align:left;overflow:hidden;}
.imgone_con h1 a{color:#333;font-weight:bold;}

.imgone_con p{width:450px; height: auto; overflow:hidden; font-size:14px; line-height:24px;}



/*新闻资讯*/
.newsbg{width:100%;height:450px;background: rgba(238,247,255,1);padding: 30px 0;}

.newsbox{width: 1300px;margin: 30px auto;}
.newsbox ul li{width:265px;float:left;margin:0 15px;background: #fff;border-radius:10px;padding: 15px;
        --tw-shadow: 2px 3px 10px 0px rgba(71, 150, 253, .24);
        --tw-shadow-colored: 2px 3px 10px 0px var(--tw-shadow-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.newsbox ul li img{width:263px;height: 200px;}
.newsbox ul li h2{color:#444;font-size:18px;height:50px;line-height:50px;margin-bottom:10px;position:relative;background: url(../images/news.png) no-repeat left bottom;}
.newsbox ul li h2 a{font-size:14px;color:#999;font-weight:normal;position:absolute;right:0;top:0;text-transform:uppercase;}

.newslist{margin:12px 0;}
.newslist h1{position: relative;font-weight: normal;}
.newslist h1:last-child{border-bottom: none;}
.newslist h1 a{line-height:32px;font-size:14px;color: #777;}
.newslist h1 a:hover{text-decoration:none;}
.newslist h1:hover a{color:#b00404;}


/*tabbg*/
.xth1{height:40px;line-height:40px;background-image: url(../images/tabbg.jpg);background-repeat: no-repeat;}
.xth1 b{font-size:14px; font-family:"微软雅黑", "微软雅黑 Light"; float:left;color:#fff;padding-left:25px;}
.xth1 a.xmore{ float:right;padding-right:10px;}


.xth4{height:35px;line-height:35px;background-image: url(../images/tabbg_320.jpg);background-repeat: no-repeat;}
.xth4 b{font-size:14px; font-family:"微软雅黑", "微软雅黑 Light"; float:left;color:#EB222A;padding-left:20px;}
.xth4 a.xmore{ float:right;padding-right:10px;color:#EB222A;}

/*案例*/
.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}


.case_tit{width:1000px;margin:0 auto 20px auto;padding-top:30px;text-align:center;}
.case_tit span{width:200px;font-size:16px;height:1px;background:#ddd;margin:15px auto;display:block}
.case_tit span i{width:60px;height:5px;background:url(../images/line-bg.png) no-repeat;font-style:normal;display:block;margin:0 auto;position:relative;top:-2px}
.case_tit .case_ms h3{font-size:25px;color:#333;font-weight:inherit;}
.case_tit .case_ms p{font-size:16px;color:#888;font-weight:inherit;margin:5px auto;}

/*关于我们*/
.about-box{width:1280px;margin:80px auto;}
.about-box .about-box-left{position:relative; padding:0;width:660px;float:left;}
.about-box .about-box-left img{ display:block; position:absolute; left:0; top:0; width:660px; height:395px;}
.about-box .about-box-left video{background:#000;width:660px; height:395px;}
.start{background:rgba(255, 255, 255, .95) url(../images/start.png) no-repeat center center;border-radius:50%;padding:10px;width:36px;height:36px;position:absolute; right:8%; bottom:10%;cursor:pointer;}
div:hover.start{transition:transform .1s ease 0s;transform: scale(1.1);box-shadow: 0px 0px 10px 1px #fff;background:rgba(255, 255, 255, .95) url(../images/start.png) no-repeat center center;border-radius:50%;padding:15px;width:36px;height:36px;position:absolute; right:7.5%; bottom:9%;cursor:pointer;}

.about-box .about-box-right{width:520px;height:394px;float:right;padding:0 49px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.about-box .about-box-right .video-title{ font-size:24px; color:#333; line-height:34px;  padding-top:40px;}
.about-box .about-box-right .video-jie{ font-size:16px; color:#595757; line-height:26px; padding-top:30px;  overflow:hidden; margin-bottom:25px;} 

.video-more ul{width: 540px;margin: 30px auto 0 auto;}
.video-more ul li{float: left;}
.video-more ul li span{ float:left; display:inline-block; height:35px; line-height:35px; color:#fff; background-color:#0276FD; font-size:16px; padding:0 20px; border-top-left-radius:5px;border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px; cursor:pointer;}
.video-more ul li i{ background:url(../images/shi.png) no-repeat center center; width:35px; height:35px; background-color:#fa9d10; display:inline-block;border-top-right-radius:5px;border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
.video-more ul li a{ display:inline-block; height:35px;margin-right:20px;}
.video-more ul li span:hover{ background-color:#fa9d10;}


/*首页新闻动态*/
.proli{width: 1296px;margin:40px auto 90px auto;font-weight: normal !important;}

.probox{width:1296px;margin:30px auto;overflow: hidden; zoom:1;}
.probox li{float: left;width:140px;height:140px;margin:11px;border-radius: 5px;
    --tw-shadow: 2px 3px 10px 0px rgba(71, 150, 253, .35);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
				}
.probox img{display: block;width:62px;height:62px;margin: 20px auto 10px auto;}
.probox h3{font-size: 14px;height:40px;text-align: center;line-height: 40px;font-weight: normal;}
.probox h3 a{color: #999;}

.link_rect{display:block;width:100%;position:relative;overflow:hidden}
.probox li img{transform:translateZ(0);transition:transform .3s ease 0s;}
.probox li:hover{
	--tw-shadow: 2px 3px 10px 0px rgba(71, 150, 253, .75);transition: transform 0.5s ease-out;
	-webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.probox li:hover a{color:#666;}
.probox li:hover img{transform:scale(1.1,1.1);transition:transform .6s ease 0s}


/* 快捷导航 */
.channel_module{width:100%;height:200px;background: #f5f5f5;padding: 35px 0 50px 0;}

.left_blueTit{padding-left:15px;border-left:3px solid #09418b;width:1250px;margin:0 auto 15px auto;}
.left_blueTit h3{font-size:26px;color:#09418b}
.left_blueTit p{font-size:14px;color:#999;padding-top:5px;}

.channel_module .links{width:1320px;margin:0 auto;}
.channel_module .links a{display:block;float:left;width:25.33%;padding:1.5% 2%;margin:0 2%;background:url("../images/channel_bg.png") no-repeat center center;background-size:cover;border-radius:5px;}
.channel_module .links div.fl{width:72%}
.channel_module .links h5{width:65%;line-height:39px;font-size:18px;text-align:center;background:#336bbb;border-radius:20px;color:#fff}
.channel_module .links p{font-size:14px;color:#666;padding:20px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel_module .links img.fr{width:25%}


/* */
.footerbg{width:100%;padding:25px 0; background-color:#e1e1e1;}

/*友情链接*/
.frendlink{width:1260px;margin:0 auto;height:80px;}
.frendlink b{float:left;width:80px;color:#666;font-size:16px;padding-top:5px;}

.frendlink ul{float:right;width:1150px;}
.frendlink ul li{float:left;padding:5px 10px;margin: 0 5px 5px 5px;}
.frendlink ul li a{color:#999;font-size:15px;display: block;}
.frendlink ul li a:hover{text-decoration:underline;color:#666;}