@charset "utf-8";
/* CSS Document */
/*全局控制*/
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
/* a:hover{text-decoration:underline;} */
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}
.cl{clear:both;margin: 0;padding: 0;}
.fb{font-weight:bold;}
.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
.lileft{margin-left: 0px;}
.liright{margin-right: 0px;}

.content{width: 1320px;margin-left: auto;margin-right: auto;}

/* 导航 */
.navs {width: 100%;height: 110px; margin-left: auto;margin-right: auto;position: absolute;top: 0;z-index: 100;left:0;right: 0;}
.navs .nav_box{width: 1320px;margin: 0 auto;height: 110px;}
.navs .box {
    background: -webkit-radial-gradient(#d8d8d8 20%,transparent 60%);
    background: radial-gradient(#d8d8d8 20%,transparent 60%);
    height: 1px;
    margin: 0 auto;
    width: 100%}
.navs .nav_left{float: left;}
.navs .nav_left .logo{width: 554px;height: 80px;margin-top: 26px;}
.navs .nav_right{float: right;}

.navArea{font-size: 16px;font-weight: bold;margin-top: 52px;height: auto;}
.navBg{}
.nav{margin:0 auto;float: right;}
.nav li{float:left;margin-left: 30px;}
.nav li a{text-decoration:none;display:block;text-align:center;color: #FFFFFF;padding-bottom: 12px;}
.nav li a:hover, .nav li a:hover.on{background-image: url(../images/nav_bg.png);background-repeat: no-repeat;background-position:bottom;background-size: 35px 1px;}
.nav li a.on{ background-image: url(../images/nav_bg.png);background-repeat: no-repeat;background-position:bottom;background-size: 35px 1px;}
.nav li a.on2{text-decoration:none;}
.nav li:hover.on{text-decoration:none;}

.nav li ul{display:none;position:absolute;width: 100px;z-index:9999;font-size: 14px;text-align: center;background-color: #fff;padding: 7px 0px;margin-left: -18px;margin-top: -1px;}
.nav li ul li{float:none;display:block;position:relative;_display:inline;margin-left: 0px;padding: 7px;}
.nav li ul li .s{position:absolute;top:0;left:110px;border-left:1px solid transparent;}
.nav li ul li .s li{float:none;}
.nav li ul li a{display:block;font-weight:normal;color: #121212;padding-bottom: 0;}
.nav li ul li a:hover{color: #0042C7;}
.nav .t,.nav .t:hover{}

.movetop{background-image: url(../images/video_bg.jpg);background-repeat: no-repeat;background-position: center;background-size: 100%;min-width:1320px;width:100%;}

@media (max-width: 1440px) {
	/* .navs .nav_box{width:1360px;} */
    .nav li{margin-left: 20px;}
	.navArea{font-size: 18px;font-weight: 100;}
}
@media (min-width: 1441px) {
	/* .navs .nav_box{width:1480px;} */
    .nav li{margin-left: 20px;}
	.navArea{font-size: 18px;font-weight: 100;}
}

/* 轮播图 */
/* flexslider height: 640px;*/
.flexslider{min-width:1320px;margin:0 auto;position:relative;width:100%; overflow:hidden;zoom:1;margin-bottom: 20px;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/* 文字图片出现效果 */
.sl_img1
{
	width: 33%;height: 5%;
    left:33.5%; top:42.3%;
	position:absolute;
	animation-name:myfirst;
	animation-duration:5s;
	animation-delay:2s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction:normal;
	animation-play-state:running;
	/* Safari and Chrome: */
	-webkit-animation-name:myfirst;
	-webkit-animation-duration:5s;
	-webkit-animation-delay:2s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction:normal;
	animation-play-state:running;
}

@keyframes myfirst
{
	0%   {left:0%; top:42.3%;display: none;}
	80%  {left:33.5%; top:42.3%;display: block;}
	100% {left:33.5%; top:42.3%;display: block;}
   /* 0%   {left:0%; top:42.3%;display: none;}
	40%  {left:33.5%; top:42.3%;display: block;}
	50%  {left:33.5%; top:42.3%;display: block;}
	51%  {left:0%; top:42.3%;display: none;}
	90%  {left:33.5%; top:42.3%;display: block;}
	100% {left:33.5%; top:42.3%;display: block;} */
}

@-webkit-keyframes myfirst /* Safari and Chrome  {left:33.5%; top:42.3%;} */
{
	0%   {left:0%; top:42.3%;display: none;}
	80%  {left:33.5%; top:42.3%;display: block;}
	100% {left:33.5%; top:42.3%;display: block;}
}
.sl_img2
{
	width: 39%;height: 5%;
    right:29.9%; top:52.7%;
	position:absolute;
	animation-name:myfirst2;
	animation-duration:5s;
	animation-delay:2s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-direction:normal;
	animation-play-state:running;
	/* Safari and Chrome: */
	-webkit-animation-name:myfirst2;
	-webkit-animation-duration:5s;
	-webkit-animation-delay:2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal;
	-webkit-animation-play-state:running;
}
@keyframes myfirst2
{
	0%   {right:0%; top:52.7%;display: none;}
	80% {right:29.9%; top:52.7%;display: block;}
	100% {right:29.9%; top:52.7%;display: block;}
	/* 0%   {right:0%; top:52.7%;display: none;}
	40%  {right:29.9%; top:52.7%;display: block;}
	50%  {right:29.9%; top:52.7%;display: block;}
	51%  {right:0%; top:52.7%;display: none;}
	90%  {right:29.9%; top:52.7%;display: block;}
	100% {right:29.9%; top:52.7%;display: block;} */
}

@-webkit-keyframes myfirst2 /* Safari and Chrome  {left:33.5%; top:42.3%;} */
{
	0%   {right:0%; top:52.7%;display: none;}
	80% {right:29.9%; top:52.7%;display: block;}
	100% {right:29.9%; top:52.7%;display: block;}
}
.sl_div{width: 100%;height: 100%;position: absolute;top: 0; left: 0;}


/* 公司简介 */
.jianjie {width: 1320px;height: 440px; margin-left: auto;margin-right: auto;margin-top: 56px;padding-bottom: 56px;}
.jianjie .jj_left{float: left;width: 356px;margin-right: 64px;}
.jianjie .jj_right{float: right;width: 900px;}

.jianjie .jj_right .move{width: 640px;height: 360px;display: none;}
.jianjie .jj_right .jj_sub{width: 282px;height: 440px;float: left;margin-left: 18px;background-repeat: no-repeat;background-size: 100%; font-size: 16px;background-position: center;transition: .5s;}
.jianjie .jj_right .jj_sub:hover{background-size: 105%;}
.jianjie .jj_right .jj_sub a{color: #FFFFFF;display: block;width: 100%;height: 100%;}
.jianjie .jj_right .jj_sub p{margin-top: 52px;margin-left: 28px;line-height: 35px;}
.jianjie .jj_right .sub1{background-image: url(../images/gsjj_bg.png);}
.jianjie .jj_right .sub2{background-image: url(../images/zzry_bg.png);}
.jianjie .jj_right .sub3{background-image: url(../images/qywh_bg.png);}

.jj_subtitle{margin-top: 10px;font-size: 30px;color: #0042c7;font-weight: bold;}
.jj_title{margin-top: 20px;font-size: 30px;color: #121212;padding-bottom: 22px; background-image: url(../images/jj_title_bg.png);background-repeat: no-repeat;background-position:left bottom;background-size: 35px 2px;}
.jj_des{padding: 30px 0px;font-size: 14px; line-height: 30px;color: #666666;}

.jj_more{width: 124px;height: 40px;line-height: 40px;font-size: 16px;text-align: center;border: 2px solid #0042C7;transition: .5s;}
.jj_more .jj_a{color: #0042C7;display:block;width: 100%;height: 100%;}
.jj_more:hover{box-shadow:0 0 15px rgba(0,66,199,.3);background-color: #0000FF;color: #FFFFFF;}
.jj_more:hover .jj_a{color: #FFFFFF;}
/* 智慧交通 新材料 */
.zhihui{background-image: url(../images/zhihui_bg.png);background-repeat: no-repeat;background-size:100% 100%;width: 100%;padding-top: 56px;padding-bottom: 56px;}
.zhihui .zh{height: 384px;}
.zhihui .zh .zh_img{width: 512px;height: 384px;float: right;background-color: #121212;overflow: hidden;}
.zhihui .zh .zh_img .move{width: 512px;height: 384px;float: right;background-color: #121212;}
.zhihui .zh .zh_img img{width: 512px;height: 384px;float: right;}
.zhihui .zh .zh_c{width: 676px;height: 324px;float: left; background-color: #FFFFFF;padding-top: 60px;padding-left: 60px;padding-right: 72px;}
.zhihui .zh .zh_c .zh_title{font-size: 30px;color: #121212;font-weight: bold;}
.zhihui .zh .zh_c .zh_desc{font-size: 14px;color: #121212;margin-top: 20px;line-height: 30px;}
.zhihui .zh .zh_c .jj_more{margin-top: 25px;border: 2px solid #121212;}
.zhihui .zh .zh_c .jj_more .jj_a{color: #121212;}
.zhihui .zh .zh_c .jj_more:hover{box-shadow:0 0 15px rgba(18,18,18,.3);background-color: #121212;}
.zhihui .zh .zh_c .jj_more:hover .jj_a{color: #FFFFFF;}

.zhihui .zh1{padding-top: 48px;}
.zhihui .zh1 .zh_img{float: left;}
.zhihui .zh1 .zh_img img{transition:.3s;}
.zhihui .zh1 .zh_img img:hover{transform:scale(1.1,1.1);}
.zhihui .zh1 .zh_c{float: right;}
.zhihui .zh1 .zh_c .jj_more{float: right;}

/* 应用案例 */
.yingyong {width: 100%;padding-top: 56px;padding-bottom: 56px;}
.yingyong .yy_t{text-align: center;}
.yingyong .yy_t .jj_subtitle{margin-top: 0px;}
.yingyong .yy_t .jj_title{text-align: center;background: none;padding-bottom: 48px;}

.yingyong .yy_img{width: 724px;height: 454px; float: right;margin-left: 98px;overflow: hidden;}
.yingyong .yy_img img{width: 724px;height: 454px; float: right;transition:.3s;}
.yingyong .yy_img img:hover{transform:scale(1.1,1.1);}

.yingyong .yy .yy_li{width: 494px;height: 92px; float: left;border: 2px solid #0042C7;margin-bottom: 24px;background-image: url(../images/yy_bg_lan.png);background-repeat: no-repeat;background-size: 20px 20px;background-position: right 50px center;vertical-align: middle;transition: .5s;}
.yingyong .yy .yy_li:hover{box-shadow:0 0 15px rgba(0,69,199,.3);}
.yingyong .yy .yy_li a{color: #0042C7;display: block;width: 100%;height: 100%;font-size: 24px;}
.yingyong .yy .yy_li a p{margin-left: 60px;margin-top: 20px;}
.yingyong .yy .yy_li a span{font-size: 16px;margin-top: 14px;}

.yingyong .yy .yy_li1{background-image: url(../images/yy_bg_hui.png);border: 2px solid #666666;transition: .5s;}
.yingyong .yy .yy_li1:hover{box-shadow:0 0 15px rgba(18,18,18,.3);}
.yingyong .yy .yy_li1 a{color: #000000;}
.yingyong .yy .yy_li1 a span{color: #666666;}

/* 新闻中心 */
.xinwen{width: 100%;padding-top: 56px;padding-bottom: 56px;background-image: url(../images/xinwen_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;}
.xinwen .xw_t{text-align: center;}
.xinwen .xw_t .jj_subtitle{color: #FFFFFF;margin-top: 0px;}
.xinwen .xw_t .jj_title{text-align: center;background: none;padding-bottom: 48px;color: #FFFFFF;}

.xinwen .xw_list{}
.xinwen .xw_list .xw_li{width: 100%;margin-bottom: 24px; height: 140px;background-color: #FFFFFF;border: 1px solid #FFFFFF;transition: .5s;}
.xinwen .xw_list .xw_li:hover{box-shadow:0 0 15px rgba(0,69,199,.3);border: 1px solid #0042C7;}
.xinwen .xw_list .xw_li a{width: 100%;height: 140px;display: block;}
.xinwen .xw_list .xw_li .xw_img{width: 204px;height: 140px;float: right;overflow: hidden;}
.xinwen .xw_list .xw_li .xw_img img{width: 204px;height: 140px;float: right;transition: .3s;}
.xinwen .xw_list .xw_li .xw_img img:hover{transform: scale(1.1,1.1);}
.xinwen .xw_list .xw_li .p1{float: left;text-align: left;font-size: 20px;color: #121212;margin-top: 44px;font-weight: bold;margin-left: 60px;max-width: 1000px;}
.xinwen .xw_list .xw_li .p2{float: left;text-align: left;font-size: 14px;color: #666666;line-height: 30px;margin-left: 60px;max-width: 1000px;max-height: 60px;overflow:hidden;}

.xinwen .jj_more{margin: 0 auto;border: 2px solid #FFFFFF;margin-top: 48px;transition: .5s;}
.xinwen .jj_more a{color: #FFFFFF;}
.xinwen .jj_more:hover{box-shadow:0 0 15px rgba(255,255,255,.3);background-color: #FFFFFF;}
.xinwen .jj_more:hover a{color: #0042C7;}

/* 合作单位 */
.company {width: 100%;padding-top: 56px;padding-bottom: 56px;}
.company .cp_t{text-align: center;}
.company .cp_t .jj_subtitle{margin-top: 0px;}
.company .cp_t .jj_title{text-align: center;background: none;padding-bottom: 48px;}

.company .cp_list{height: 252px;}
.company .cp_li{width:330px;height: 252px; float: left;margin-left: 0px;text-align: center;}
.company .cp_li .cp_img{width:290px;height: 198px; border: 3px solid #121212;overflow: hidden;margin: 0 auto;}
.company .cp_li .cp_img img{width:290px;height: 198px;transition: .3s;}
.company .cp_li .cp_img img:hover{transform: scale(1.1,1.1);}
.company .cp_li .cp_p{line-height: 40px;font-size: 20px;}

.company .jj_more{margin: 0 auto;margin-top: 48px;transition:.5s;}
.company .jj_more:hover{box-shadow:0 0 15px rgba(0,66,199,.3);}

/* 友情链接 */
.flink{width: 100%;}
/* .flink .content{border-top:1px solid #eeeeee;} */
.flink .fl_li{float:left;margin-left:20px;font-size:16px;line-height:60px;}
.flink .fl_li a{color:#121212;}
.flink .fl_t{font-size:20px;}
.flink .fl_t a{color:#121212;}

/* 底部 */
.bottom{width: 100%;padding-top: 44px;padding-bottom: 40px;background-color:#38393a;color: #FFFFFF;}


.bottom .bt_nav{margin-top: 0px;}
.bottom .bt_nav .bt_ur2{width: 1200px;}
.bottom .bt_nav .bt_ur2 .bt_li{float: left;margin-left: 80px;max-width: 200px;}
.bottom .bt_nav .bt_ur2 .bt_li1{margin-left: 0px;}
.bottom .bt_nav .bt_ur2 .bt_lilx{max-width: 400px;}
.bottom .bt_nav .bt_ur2 .bt_li .p1 a{font-size: 16px;line-height: 25px;color: #FFFFFF;}
.bottom .bt_nav .bt_ur2 .bt_li .p2 a{font-size: 14px;line-height: 30px;color: #d5d5d5;}

.bottom .bt_nav .erweima{float: right;text-align: center;}
.bottom .bt_nav .erweima img{width: 100px;height:100px;}
.bottom .bt_nav .erweima p{font-size: 14px; margin-top: 12px;}

/* 版权 */

.foot{background-color: #333333;color: #FFFFFF;width: 100%; height: 48px;line-height: 48px;font-size: 14px;text-align: center;}
.foot a {color: #FFFFFF;}


.sortbanner{width: 100%;min-width:1320px;}
.sortbanner img{width: 100%;}

.mainbody{width: 100%;padding-bottom: 100px;}
.content{}
.c_left{width: 300px;float: left;}
.c_right{width: 950px;float: right;}


.c_left .sortname{width: 100%;background-color: #4668ab;color: #FFFFFF;margin-top: -72px;position: relative;}
.c_left .sortname .st_subname{font-size: 20px;font-weight: bold;margin-left: 32px;padding-top: 40px;}
.c_left .sortname .st_name{font-size: 24px;margin-left: 32px;padding-top: 30px;padding-bottom: 40px;}
.c_left .sortname .st_name span{padding-bottom: 20px; border-bottom: 1px #FFF solid;}

.c_left .sonsort ul{border-left: 1px solid #EEEEEE;border-right: 1px solid #EEEEEE;}
.c_left .sonsort .st_li{height: 80px;line-height: 80px;font-size: 20px;text-align: center;border-bottom: 1px solid #EEEEEE;}
.c_left .sonsort .st_li a{width: 100%;height: 100%;display: block;}
.c_left .sonsort .st_li_on a{background-image: url(../images/juxing.png);background-repeat: no-repeat;background-position-x: 32px;background-position-y: center;color: #0042c7;}
/* .c_left .sonsort .st_li img{margin-right: 10px;    margin-bottom: 3px;    display: inline-block;    vertical-align: middle;} */


.position{margin-top: 40px; font-size: 16px;color: #999999;padding-bottom: 10px;border-bottom: 1px solid #EEEEEE;}
.position img{width: 20px;height: 20px;float: left;margin-right: 10px;}
.position a{color: #999999;}

.c_right .cr_title{text-align: center; margin-top: 56px; font-size: 32px;}
.c_right .cr_title2{text-align: center; margin-top: 12px; font-size: 14px;}
.c_right .cr_content{margin-top: 36px; font-size: 14px; line-height: 30px;}
.c_right .cr_content *{max-width:100%;}
.c_right .cr_content img{max-width:90%;}

.pr_list .pr_li{width: 280px;height: 218px;float: left;margin-left: 52px;border: 1px solid #EEEEEE;margin-top: 36px;}
.pr_list .pr_li a{display: block;width: 100%;height: 100%;}
.pr_list .pr_li img{width: 270px;height: 160px;margin: 5px;}
.pr_list .pr_li p{line-height: 47px;font-size: 16px;text-align: center;}

.pr_ico{width: 360px;height: 240px;float: left;margin-right: 32px;margin-top: 32px;display: none;}
.pr_title{margin-top: 56px; font-size: 32px;margin-top: 46px;text-align: center;}
.pr_title2{text-align: center; margin-top: 12px; font-size: 14px;}
.pr_content{margin-top: 36px; font-size: 14px; line-height: 30px;}
.pr_content *{max-width:100%;}
.pr_content img{max-width:90%;}

.news_li{padding: 36px 0px 18px 0px;border-top: 1px solid #EEEEEE;}
.news_li a{display: block;width: 100%;height: 100%;}
.news_p1{font-size: 20px;}
.news_p1 span{font-size: 14px;float: right;}
.news_p2{font-size: 14px;color: #999999;margin-top: 20px;}

.news_title{text-align: center; margin-top: 48px; font-size: 32px;}
.news_title2{text-align: center; margin-top: 30px; font-size: 14px;color: #666666;padding-bottom: 24px;border-bottom: 1px solid #EEEEEE;}
.news_content{margin-top: 36px; font-size: 14px; line-height: 30px;}
.news_content *{max-width:100%;}
.news_content img{max-width:90%;}

.ry_list{margin-top: 24px;}
.ry_list .ry_li{width: 200px;height: 300px;float: left;margin-left: 50px;border:none;margin-top: 24px;}
.ry_list .ry_li .ry_img{width: 100%;height:260px;position:relative;}
/* .ry_list .ry_li .ry_img img{width: 100%;height:auto; max-height:260px;display:table-cell;vertical-align:middle;margin: 0 auto;} */
.ry_list .ry_li .ry_img img{width: 100%;height:auto; max-height:260px;position: absolute;top: 50%; left: 0px;transform: translateY(-50%);margin: 0 auto;}
.ry_list .ry_li p{line-height:40px;}

form{}
.input{width: 260px;height: 46px;line-height: 46px;font-size: 16px;color: #666666; background-color: #F5F5F5;float: left;border: none;margin-right: 40px;padding:0px 10px;}
.textarea{width: 860px;height: 400px;line-height: 36px;font-size: 16px;color: #666666; background-color: #F5F5F5;float: left;border: none;margin-right: 40px;margin-top: 30px;padding:0px 10px;}
.button{width: 180px;height: 44px;line-height: 44px;margin-top: 40px;margin-left: auto;margin-right: auto;border: none;background-color: #0042c7;color: #FFFFFF;font-size: 16px;}

.page{margin-top:80px;text-align: center;}
.page .notext{font-size:20px;line-height:70px;}
.page .page-item{line-height:40px;height:40px;min-width:44px;font-size:16px;background-color:#eeeeee;display:inline-block;margin-left:10px}
.page .lf{width:88px;}
.page .nextpro{width:88px;}
.page .page-num-current{background-color:#0042c7;color:#FFFFFF;}