/*通用样式*/

.fl{ float:left;}
.fr{ float:right;}
a{ list-style:none; text-decoration:none; color:#333}
h2,h3,h4{list-style-type: none; }
div,ul,li,p,form,a{padding: 0px; margin: 0px; list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0 auto;list-style-type: none;}
.clear{ height:0px; clear:both; overflow:hidden;}
body { padding:0; margin:0}


li{list-style:none;}



/***********************↓属性*********************************************/


/*欢迎词*/
.welcome-f{width:100%; height:38px; background:#f9f9f9; border-bottom: 1px solid #EEEEEE;}
.welcome-f .welmain{width:86%; margin:0 auto; text-align:center}
.welcome-f .welmain .welleft{float:left; width:50%; font-size:14px; color:#606060; text-align:left; line-height:38px;}
.welcome-f .welmain .welright{float:right; width:50%; text-align:right; line-height:38px; color:#606060; font-size:16px}
.welcome-f .welmain .welright a{color:#606060; font-size:16px}

@media(max-width:770px){ .welcome-f{ display:none}}


/*头部*/
.top-f{width:100%; height:120px;}
.top-f .topmain{width:86%; margin:0 auto}
.top-f .topmain .toplogo{float:left; width:50%}
.top-f .topmain .toplogo h2{color:#222222; font-size:31px; height:16px; line-height:20px; letter-spacing:4px;}
.top-f .topmain .toplogo p{color:#6d7174; font-size: 15px; letter-spacing:2px;}
.top-f .topmain .topgua{float:left; width:30%}
.top-f .topmain .topgua p{}
.top-f .topmain .topgua h3{color: #1364ce; font-size: 20px; padding-top:25px; font-weight:600; line-height:25px;}
.top-f .topmain  .topTel{float:right; width:15%; background:url(../images/tacn/phon_bg.png) no-repeat 1px 10px; padding-left:50px; height:120px;}
.top-f .topmain  .topTel h5{font-size: 14px; color: #403f3f;}
.top-f .topmain  .topTel p{font-size: 24px; color: #1364ce; display: block; font-weight: bold;    margin-top: -20px;}


/*移动版头部属性*/
.m-top{ display:none}
@media (max-width:1200px){
	
.top-f{ display:none}	
.m-top{ display:block}
.m-top .mtopmain{width:100%; height:auto; text-align:center}
	}

/*导航栏*/
.nav{width:100%; height:60px; background:#0d5cb9;}
.nav .navmain{width:86%; margin:0 auto}
.nav .navmain ul{}
.nav .navmain ul li{width:12%; float:left; height:40px; background:url(../images/tacn/menu_line.png) no-repeat right 20px}
.nav .navmain ul .lxdh{ background:none;}
.nav .navmain ul li a{font-size: 15px; display: block; color: #fff; font-family: 'Microsoft Yahei'; text-decoration: none; height: 60px; position: relative; line-height:35px; height:60px; text-align:center;}
.nav .navmain ul li a p{line-height:10px; font-size:13px;}
.nav .navmain ul li:hover{ background:#0a46a1; height:60px;}
/*手机版导航栏*/
.m-nav{ display:none}
@media(max-width:1000px){ 
	.nav{ display:none}
	.m-nav{ display:block}

}

	.m-nav .m-navmain{width:100%; height:60px; text-align:center}
	.m-nav .m-navmain ul{background:#0d5cb9; height:62px;}
	.m-nav .m-navmain ul li{width:25%; float:left; line-height:30px; height:30px; background:url(../images/tacn/mbg01.jpg) no-repeat right; border-bottom:solid 1px #1a6dd9; }
	.m-nav .m-navmain ul li a{color:#FFF;}






/*banner*/
.banner{position: relative;}
.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1; }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; filter: alpha(opacity=50); }
.carousel-control.left {background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);}
.carousel-control.right {right: 0;left: auto; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);}
.carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; outline: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; }
.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; width: 12px; height: 12px; margin: 1px; text-indent: -999px; cursor: pointer;  background-color: #fff;  border-radius: 15px; }
.carousel-indicators li:hover{width: 12px; height: 12px; margin:1px; background-color: #e67816;}
.carousel-indicators .active { width: 35px; height: 12px; margin:1px; background-color: #e67816; }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn { text-shadow: none; }



/*底部通用*/
.end-f{width:100%; height:260px; background:#0d5cb9;}
.end-f .end_dh{width:86%; height:260px;}
.end-f .end_dh .endhmain{height:40px; padding-top:30px; padding-bottom:30px;}
.end-f .end_dh .endhmain ul{}
.end-f .end_dh .endhmain ul li{width:12%; float:left; background: url(../images/tacn/endmenu_line.png) no-repeat right}
.end-f .end_dh .endhmain ul li a{color:#FFF}

.end-f  .endmain{width:86%; margin:0 auto}
.end-f  .endmain .end-left{float:left; width:25%; text-align:center}
.end-f  .endmain .end-left .endlogo{background:url(../images/tacn/end_logo.jpg) no-repeat center; width:90%; background-color:#014ba2; height:130px;}
.end-f  .endmain .end-left .endlogo p{padding-top:80px; color:#FFF; font-size:15px;}

.end-f  .endmain .endintro{float:left; width:55%; text-align:left}
.end-f  .endmain .endintro p{color:#FFF; line-height:28px; font-size:16px}



.jszc-f{width:100%; height:; background:#064c9e}
.jszc-f .jszcmain{width:86%; line-height:26px; padding:8px;}
.jszc-f .jszcmain a{font-size:13px; color:#FFF}

.3gjszcmain{ width:100%; height:40px; line-height:40px; text-align:center; background:#064c9e; color:#FFF}

@media(max-width:980px){
	.jszc-f { display:none}
	.end-f{ display:none}
	}

/*热门关键词*/
.keywords{width:100%; height:55px; background:#FFF}
.keywords .keywordmain{width:86%; line-height:55px;}
.keywords .keywordmain .keyfl{float:left; width:10%; text-align:left; color: #F63}
.keywords .keywordmain .keyfr{float:left; text-align:left}

@media (max-width:1180px){.keywords .keywordmain .keyfl{float:left; width:12%; text-align:left; color: #F63}}
@media (max-width:900px){.keywords{ display:none}}




/*产品展示*/
.pro-f{width:100%; background:url(../images/tacn/pro_bg.jpg); height:740px;}
.pro-f .promain{width:86%; padding-top:30px;}
.pro-f .promain .profl{float: left; width:21%; background:#fff; height:690px;}
.pro-f .promain .profl .profltit{height:70px; text-align: left; padding-left:28%; background: url(../images/tacn/site_tie.png) no-repeat 20px center }
.pro-f .promain .profl .profllist ul{}
.pro-f .promain .profl .profllist ul li{width:90%}
.pro-f .promain .profl .profllist ul li a{height:38px; width:95%; background:#0d5cb9; display:block; line-height:38px; color:#FFF;  margin-bottom:5px;}
.pro-f .promain .profl .profllist ul li a:hover{ background:#F60}
.pro-f .promain .profr{float:left; margin-left:2%; width:75%; background:#FFF; height:665px; padding:1%;}
.pro-f .promain .profr .profrtit{height:60px; padding-top:20px;}
.pro-f .promain .profr .profrtit .pro-titmain{height: 40px; border-bottom: 2px solid #e5e5e5; text-align:left;}
.pro-f .promain .profr .profrtit .pro-titmain .more{font-size: 12px;color: #0c7df3;float: right; padding-right:20px;}
.pro-f .promain .profr .profrtit .pro-titmain .na{display: inline-block; height: 40px;  padding: 0 10px; transition: all 0s; color:#666; font-size:18px;}
.pro-f .promain .profr .profrtit .pro-titmain .en{color: #4C4C4C; text-decoration: none;}



@media(max-width:1280px){
	.pro-f .promain .profl .profllist ul li a img{width:185px; height:130px;}	
	}

@media(max-width:1000px){.pro-f{ display:none}}






/*首页产品展示移动版*/
.m-pro{ display:none}


@media (max-width:980px){
.m-pro{ display:block}	
.m-pro .mpromain{ height:auto; min-height:700px; padding:10px; text-align:center}	
.m-pro .mpromain ul{}
.m-pro .mpromain ul li{float:left; width:30%; margin-left:3.3%}
.m-pro .mpromain ul li p{width:100%; height:auto; padding:4px; border:1px solid #CCC}
.m-pro .mpromain ul li span{height:40px; line-height:40px;}


	}	


















/*首页三大理由标题*/
.account-f{width:100%; height:238px; background:url(../images/tacn/lt_03.png) no-repeat center; margin:0 auto; padding:0;}
.account-f .accountmain{width:86%; margin:0 auto}
.account-f .accountmain .threeacc{padding-top:80px; font-size: 40px; color: #FFFFFF; line-height: 95px; text-align: right; font-weight: bold;  margin-right: 50px;}
.account-f .accountmain .threeacc span{font-size: 60px; color: #FFFFFF; line-height: 65px; font-weight: bold;}
.account-f .accountmain .littitle{height: 35px; font-size: 16px; color: #FFFFFF; line-height: 15px; text-align: right;  margin-right: 50px;}

.acc-mes{width:100%; padding-top:50px;}
.acc-mes .accmesmain{width:89%; margin:0 auto}
.acc-mes .accmesmain .accleft{float:left; width:50%}
.acc-mes .accmesmain .accleft .acc01{width:100%; height:110px;}
.acc-mes .accmesmain .accleft .acc01 .nub01{width:15%; height: 105px; background-color:#f77400; text-align: center; color: #FFFFFF; font-size: 60px; line-height: 105px; font-weight: bold; float: left;}
.acc-mes .accmesmain .accleft .acc01 .mes01{width:75%; margin-left:5%; float:left;}
.acc-mes .accmesmain .accleft .acc01 .mes01 span{height: 35px; font-size: 30px; line-height: 35px; font-weight: bold; color: #464646;}
.acc-mes .accmesmain .accleft .acc01 .mes01 p{font-size: 16px; color: #464646; line-height: 30px; padding-top:15px;}
.acc-mes .accmesmain .accright{float:left; padding-left:10%}

.acc-mes .accmain02{width:89%; margin:0 auto}
.acc-mes .accmain02 .acc-left02{float:left; margin-top:-80px; width:40%}
.acc-mes .accmain02 .acc-right02{float:left; width:55%; padding-left:5%}
.acc-mes .accmain02 .acc-right02 .accme02main{width:100%; height:110px; margin-top:50px;}
.acc-mes .accmain02 .acc-right02 .accme02main .nub03{width:15%; height: 105px; background-color:#f77400; text-align: center; color: #FFFFFF; font-size: 60px; line-height: 105px; font-weight: bold; float: left;}
.acc-mes .accmain02 .acc-right02 .accme02main .accmes03{width:75%; margin-left:5%; float:left;}
.acc-mes .accmain02 .acc-right02 .accme02main .accmes03 span{height: 35px; font-size: 30px; line-height: 35px; font-weight: bold; color: #464646;}
.acc-mes .accmain02 .acc-right02 .accme02main .accmes03 p{font-size: 16px; color: #464646; line-height: 30px; padding-top:15px;}



@media(max-width:980px){

	.account-f{ display:none}
	.account-f .accountmain{ display:none}
	.acc-mes{ display:none}
	
	
	
	}








/* 首页公司简介-----------------------------------*/
.company{ padding: 10px 0 100px 0;/* background-color: #47ccad;*/ background:url(../images/tajdwl/gdjjt.jpg) no-repeat center; overflow: hidden;}
.companyContent{ width: 1240px; margin: 0px auto; display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:space-between;align-items:flex-start;}
.companyContent .comLeft{position: relative; }
.companyContent .comLeft img{ width: 408px; transform: translate(-16px, 16px);}
.companyContent .comLeft::before{ display: block; content: " ";width: 100%; height: 100%; box-sizing: border-box; border: 5px solid #1464c7; position: absolute; top: 0; left: 0; z-index: 0;} 
.companyContent .comLeft::after{ display: block; content: " "; width: 40px; height: 40px; border-left: 5px solid #f77400; border-bottom: 5px solid #f77400; position: absolute; bottom: -28px; left: -32px; }
.companyContent .comRight{ width: 750px; margin-top: 20px; }
.companyContent .comRight p{ font-size: 16px; color:#3c3a3a; line-height: 35px;text-indent: 2em; padding-bottom: 20px;  padding-top:8px;}
.companyContent .comRight .more a{ display: inline-block; padding: 5px 20px; font-size: 16px; border: 1px solid #fff; color: #fff; transition:all .6s ease-out; margin-top: 50px; }
.companyContent .comRight .more a:hover{ background-color: #fff; color: #47ccad; transition:all .6s ease-out;}
@media screen and (max-width:1280px){
    .companyContent{ width: 100%; }
    .companyContent .comLeft{ width: 36%; margin-left: 35px;}
    .companyContent .comRight{ width: 56%; margin-top: 0;}
    .companyContent .comLeft img{ width: 100%; } 
}
@media screen and (max-width:768px){
    .companyContent .comRight p{ font-size: 14px; line-height: 26px;}
    .companyContent{ flex-wrap: wrap; }
    .companyContent .comLeft{ width: 70%; margin: 0 auto;}
    .companyContent .comRight{ width: 94%; margin: 10px auto; margin-top: 50px;}
    .companyContent .comRight .more{ text-align: center; }
    .companyContent .comRight .more a{ padding: 5px 50px; margin-top: 20px; }
	.companyContent .comRight .3gmore{ margin-left:40%}
	.companyContent .comRight .3ggstitle{ display:none}
	
 }







/*首页环境展示*/
.jhio{height:400px;overflow:hidden;width:100%;background:#0d5cb9;margin-bottom: 40px;}
.jkoi{width:100%;overflow:hidden;padding-top:15px;padding-bottom:40px;text-align:center;}
.jkoi p{color:#ffffff;font-weight:bold;font-size:26px;padding-bottom:5px;}
.jkoi font{font-size:16px;color:#eceff4;}
.holl{position:relative;width:86%;margin:0 auto;}
.holl a{display:block;height:49px;width:37px;overflow:hidden;}
.holl .letg{position:absolute;left:-20px;top:75px;background: url(jian.png) no-repeat left top;}
.holl .rigt{position:absolute;right:-20px;top:75px;background:url(jian.png) no-repeat right top;}
.holl .letg:hover{position:absolute;left:-20px;top:75px;background:url(jian.png) no-repeat left bottom;}
.holl .rigt:hover{position:absolute;right:-20px;top:75px;background:url(jian.png) no-repeat right bottom;}
.hole{position:relative;width:1200px;margin:0 auto;}
.hiuo{width:80%;overflow:hidden;margin:0 auto;}
.hiuo ul{width:10000px;}
.hiuo li{padding-left:10px;padding-right:10px;overflow:hidden;width:270px;float:left;}
.hiuo li img{width:270px;height:184px;}
.hiuo li p{color:#fff;font-size:14px;padding-top:10px;text-align:center;}
.hiuo li a:hover p{color:#fff;font-size:14px;padding-top:25px;text-align:center;}
.holl{position:relative;width:89%;margin:0 auto;}







/* 首页新闻-------------------------------------- */
.newsIndex{ padding: 30px 0px 50px 0px; background:#FFF;}
.newsUl_1{ width:89%; margin: 0 auto; box-sizing: border-box;  padding: 0px 20px 0px 20px; display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:space-between;align-items:flex-start;}
.newsUl_1 li{ width: 48%; display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-start;align-items:center; margin-bottom: 20px; padding: 8px; transition: all .5s ease-out;    background:#f6f6f6;}
.newsUl_1 li:hover{  box-shadow: 0 0 30px #ccc; transition: all .5s ease-out; }
.newsUl_1 li .newsImage{ width:140px;height: 140px; border-radius: 50%; -webkit-border-radius: 50%; 
-moz-border-radius: 50%; overflow: hidden;  }
.newsUl_1 li .newsImage img{ width: 100%;    height: 100%;}
.newsUl_1 li .newsText_1{ margin-left: 15px; width:70%; }
.newsUl_1 li .newsText_1 h4{ color: #000; font-size: 16px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: ; }
.newsUl_1 li .newsText_1 .intro{ margin-top: 8px; height:56px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newsUl_1 li .newsText_1 .intro p,.newsUl_1 li .newsText_1 .intro *{color:#656565; font-size: 14px; line-height: 28px; text-indent: 2em; }
.newsUl_1 li .newsText_1 a>span{ display: block; text-align: right; font-size: 14px; color: #000; margin-top: 6px;}
.newsIndex .more{ margin:  0px auto;    text-align: center; }
.newsIndex .more a{width: 5em; margin: 10px auto; padding: 4px 40px; border-radius: 20px; -webkit-border-radius:20px; -moz-border-radius:20px;  border: 1px solid #4f4f50;color: #666; font-size: 14px; }

@media screen and (max-width:1300px){ 
.newsUl_1{ width: 100%;  }
.newsUl_1 li{ padding: 8px 0;}
.newsUl_1 li .newsImage{ width: 15vw; height: auto; } 
.newsUl_1 li .newsText_1{width: 32vw; margin-left: 1.5vw; }
.newsUl_1 li .newsText_1 .intro{ height: 75px; -webkit-line-clamp: 3;}
.newsUl_1 li .newsText_1 .intro p,.newsUl_1 li .newsText_1 .intro *{ line-height: 25px; }

}
@media screen and (max-width:768px){
    .newsUl_1{ padding: 0px 10px 10px 10px;}
    .newsUl_1 li{ width: 100%; }
    .newsUl_1 li .newsImage{width: 110px; height: 110px; }
    .newsUl_1 li .newsText_1{ width: 63vw; margin-left: 2.5vw;}
}