@charset "gb2312";
/* CSS Document */

*{ padding:0; margin:0;}
body{ font-size:14px; font-family:"microsoft yahei",arial;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden;}
a{color:#535353;text-decoration:none; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;}
a:hover {color:#2f58a7;}
ol,ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
.clearfix{clear:both;zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
table{ border-collapse:collapse;}
img{ border:none}
input,textarea{ outline:none;font-family:"microsoft yahei"; font-size:12px;}
.col01{color:#2f58a7;}
.col02{color:#fff;}

.wrap{width:1200px; margin:0 auto;}
.header{width:100%; height:80px; position:fixed; z-index:2;background: url(../images/head_bg.png) repeat left; }
.logo{ float:left;}
.menu{ width:50%;}
.menu li{ float:left; line-height:80px; font-weight:bold;}
.menu .mli{ padding:0 15px; display:block}
.menu li a{ color:#fff;}
.sub_menu{ position:absolute; width:100%;left:0; top:80px;background:rgba(0,0,0,.3);height:0;overflow:hidden}
.sub_menu .sub_menu_box{width:1200px;margin:0 auto;padding-top:15px;padding-bottom:15px;}
.sub_menu li{border-right: 1px solid #999; line-height:15px;padding:0 30px;}
.sub_menu .sub_menu_box .about_menu{margin-left:45%;}
.sub_menu .sub_menu_box .news_menu{margin-left:55%;}
.sub_menu .sub_menu_box .pro_menu{margin-left:65%;}

.banner{ height:715px;}
.industry{ background:#f5f5f5; padding:75px 0 75px;}
.title_i{ font-size:30px; position:relative}
.title_i .line{ display:block; background:#2f58a7; width:60px; height:3px; margin-top:20px;}
.industry .intro{ position:relative; margin-top:45px; min-height:300px;}
.industry .intro p{ width:35%; font-size:16px; line-height:36px;}
.industry .intro .img{ position:absolute; top:-50px;right:0}
.industry .intro .more{ line-height:35px; width:120px; text-align:center;border:1px solid #d8d8d8;margin-top:20px;}
.industry .intro .more:hover{background:#2f58a7;}.industry .intro .more:hover a{color:#fff}

.about{ background:url(../images/about_bg.jpg) no-repeat center top fixed;background-size: cover; padding:80px 0; min-height:320px;}
.about .left{ width:35%;}
.about .right{ width:65%;}
.about .left .quick_nav{ border:2px solid #f8f8f8; padding:65px 0;}
.about .left .quick_nav li{ float:left; width:127px; text-align:center; padding-left:55px;}
.quick_nav li .pic{width:125px; height:125px; border-radius:50%; border:1px solid #fff;display:table-cell; vertical-align:middle; margin-left:50px;}
.quick_nav li .pic img{ max-width:60px; height:auto}
.quick_nav li p{ margin-top:25px;}
.quick_nav li a{ color:#fff;}
.quick_nav li .pic{ transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;}
.quick_nav li .pic:hover{ background:#2f58a7;border:1px solid #2f58a7}

.about .about_con{ padding-left:45px;}
.about .about_con .title_i{ color:#fff; padding-left:30px;}
.about .about_con .title_i .line{ width:3px; height:32px; position:absolute; left:0;top:6px; margin:0;}
.about .about_con .intro{ color:#fff; margin-top:30px; line-height:28px;}
.about .about_con .intro .more{ display:block; width:130px; height:38px; border:1px solid #ccc; text-align:center; line-height:38px; color:#fff; margin-top:30px;}
.about .about_con .intro .more:hover{background:#2f58a7;border:1px solid #2f58a7;color:#fff}

.product{ padding:50px 0;}
.product .title_i{ text-align:center}
.product .title_i .line{ margin:20px auto}
/* ͼƬ���� */
.picproScroll{ position:relative;/*overflow:hidden; */  }
.picproScroll ul{ overflow:hidden; zoom:1; }
.picproScroll ul li{ float:left; margin-right:26px;  width:280px; text-align:center}
.picproScroll ul li p{ line-height:35px; transtion:.3s}
.picproScroll ul li:hover p{ font-weight:bold}
.picproScroll ul li img{ width:280px; height:295px; border:1px solid #ddd; display:block}
.picproScroll .prev,
.picproScroll .next{ position:absolute;  left:-60px; top: 30%; display:block; width:36px; height:90px; overflow:hidden; background:url(../images/arrow.jpg) 0px 0 no-repeat; cursor:pointer;  }
.picproScroll .next{ left:auto; right:-60px; background-position:-36px 0; }

.friendlink{ margin-bottom:50px;}
.friendlink .left{ width:115px; background:url(../images/linkbg.jpg) repeat-x left;bottom;}
.friendlink .left .f_tit{ color:#fff; background:url(../images/icon_Link.png) no-repeat 10px center; background-size:20px; padding-left:40px;}
.friendlink .right a{ color:#fff;}
#line3_Demo {
	MARGIN: auto;
	WIDTH: 1080px;
	OVERFLOW: hidden;
}
#line3_Demo li {
	float: left;
	padding-right:15px;
}
#Indemo {
	WIDTH: 800%; FLOAT: left
}
#line3_Demo1 {
	FLOAT: left
}
#line3_Demo2 {
	FLOAT: left
}
.friendlink-con{background:#2f58a7; border-radius:10px 0 0 10px;}
.friendlink-tit{ width:12%;color:#fff;}
.friendlink-tit h2{ margin-top:30px;font-size:16px; padding-left:15px;}
.friendlink-tit h2 span{ font-size:14px; font-family:arial; display:block; padding-top:15px;}
.picScroll{ position:relative;width:88%;/*height:136px;*/background:#fff;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; width:23%; overflow:hidden; display:inline; position:relative; margin:0 5px;padding:5px;border:1px solid #e8e8e8;}
.picScroll ul li a{ display:block;line-height:0;}
.picScroll ul li img{height:100%;width:100%;}
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top:40%; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons1.png) no-repeat; cursor:pointer;}
.picScroll .next{ left:auto; right:10px; background:url(../images/icons2.png) no-repeat;}
.picScroll .prevStop{background:url(../images/icons1-stop.png) no-repeat;}
.picScroll .nextStop{background:url(../images/icons2-stop.png) no-repeat;}
.picScroll ul li .titf{color:#333; padding:6px 5px; font-size:12px; box-sizing:border-box;-webkit-box-sizing:border-box; text-overflow:ellipsis}
.picScroll ul li .titf p{ line-height:22px; color:#666;}
.picScroll ul li .titf .titf-t{ color:#333; font-size:13px;}

.nbanner{ position:relative;height:360px;}
.nbanner img{ position:absolute; left:50%; margin-left:-960px;}
.nabout,.nhonor{ padding:50px 0;}
.main .ntitle{ font-size:33px; font-weight:bold}
.main .ntitle .line{ width:50px; height:2px; background:#999; display:block;margin-top:20px; margin-bottom:50px;}
.main .content{ line-height:30px;color:#535353; font-size:15px;}
.nculture{ padding:50px 0; background:url(../images/culturebg.jpg) no-repeat 50% 50% fixed; background-size:cover;}
.nculture ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
.nculture li{ float:left; width:44%;margin-right:2%; margin-bottom:15px; background:#fff; padding:2% 2%;border-radius: 20px 0;min-height:120px;}
.nculture li h3{ text-align:center; font-size:18px;font-weight:bold; border-bottom:1px solid #e8e8e8; padding-bottom:15px; margin-bottom:20px;}

.nhonor li{ width:23%; margin-right:2%;margin-bottom:20px;float:left;text-align:center;position:relative; box-sizing:border-box}
.nhonor li img{ width:100%; display:block;border:1px solid #e8e8e8;padding:3px; box-sizing:border-box}
.nhonor li span{ width:85%; height:5px; background:#e5e5e5;display:block;margin:0 auto;}
.nhonor li p{position:absolute; bottom:5px;width:100%; line-height:40px;color:#fff;background:#2f58a7; opacity:0;filter:alpha(opacity=0)}
.nhonor li p,.nhonor li span,.nhonor .more{ transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;}
.nhonor li:hover p{opacity:1;filter:alpha(opacity=100)}
.nhonor .more{ width:200px; line-height:40px; font-size:16px; text-align:center; margin:30px auto; background:#e8e8e8;}
.nhonor .more:hover{ background:#2f58a7;}
.nhonor .more a{ display:block}
.nhonor .more:hover a{color:#fff;}

.nnews{padding:50px 0;}
.nnews .left{ width:240px;}
.nnews .left_nav h3{ background:#2f58a7; color:#fff; font-size:25px; padding:15px 10px 10px;border-top-left-radius:10px;border-top-right-radius:10px;}
.nnews .left_nav h3 .en{ display:block; font-family:arial; font-size:20px;}
.left_nav ul{ border:1px solid #e8e8e8;border-bottom:2px solid #e8e8e8}
.left_nav ul li{ border-bottom:1px solid #e8e8e8; line-height:30px;font-size:16px; padding:10px;}
.left_nav ul li:hover,.left_nav ul li.cur{ background:url(../images/leftnavli.jpg) repeat-x left;}
.left_nav ul li a{ display:block; background:url(../images/leftnavbg.png) no-repeat 10px center; padding-left:30px;color:#333}
.left_nav ul li.cur a{ font-weight:bold}
.nnews .right{width:900px}
.nnews .right .location{ border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:20px;font-size:18px; font-weight:bold}
.nnews .right .location span{border-bottom:3px solid #2f58a7;padding-bottom:10px;}
.newslist li{ border-bottom:1px solid #e8e8e8; padding-bottom:20px; padding-top:20px;}
.newslist li .newstit{ width:80%; float:left}
.newslist li .newstit a{ display:block; font-size:18px;}
.newslist li .newstit p{color:#8c8c8c}
.newslist li .time{ width:18%; float:right; border-left:1px solid #e8e8e8;text-align:center;}
.newslist li .time span.day{ font-size:18px; border-bottom:1px solid #e8e8e8; padding-bottom:5px;}
.newslist li .time span.year{ font-size:22px; display:block;margin-top:10px;}
.nnews .right .newstitt{ text-align:center; font-size:20px}
.nnews .right .fbtime{ border-bottom:1px dotted #d8d8d8;border-top:1px dotted #d8d8d8; text-align:center; margin-top:20px; margin-bottom:30px; color:#8c8c8c; line-height:35px;}

.prolist li{ width:29%;float:left;border:1px solid #e8e8e8; margin-right:2.6%; margin-bottom:30px;transition:.3s;-webkit-transition:.3s; background:#e9e9e9; padding:1%;}
.prolist li img{ width:100%;height:276px; display:block}
.prolist li:nth-child(3n+0){ margin-right:0}
.prolist li p{ line-height:50px;font-size:16px;font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.prolist li span{ text-align:right; display:block; line-height:40px;}
.prolist li:hover{background:#2f58a7;}
.prolist li:hover p,.prolist li:hover span{ color:#fff;}

.content .proPic{ float:left; width:420px;}
.content .proIintro{ float:right; width:440px; }
.content .proIintro h3{ font-size:20px; border-bottom:1px solid #e8e8e8;line-height:55px; margin-bottom:20px}
.content .proIintro .ltit{ background:url(../images/arrow02.png) no-repeat left center; background-size:22px; padding-left:30px; font-weight:bold; font-size:18px;}
.pro_content .nprotit{ border-bottom:1px solid #2f58a7; margin-top:20px; margin-bottom:10px;}
.pro_content .nprotit span{background:url(../images/protitbg.jpg) no-repeat right center,linear-gradient(top, #3b67bb, #2f58a7);
	background:url(../images/protitbg.jpg) no-repeat right center,-webkit-linear-gradient(top, #3b67bb, #2f58a7);
	background:url(../images/protitbg.jpg) no-repeat right center,-moz-linear-gradient(top, #3b67bb, #2f58a7);
	background:url(../images/protitbg.jpg) no-repeat right center,-ms-linear-gradient(top, #3b67bb, #2f58a7);
	padding-left: 15px;
	padding-right: 30px;
	display:inline-block;
	color:#fff}
.pro_content p{ margin-bottom:15px}
.pro_content .table td{ border:1px solid #e8e8e8; padding:2px 5px;}
.pro_content table td{padding:2px 5px;}
.ncase{ padding-top:50px}
.ncase .ntitle .line{margin-bottom: 20px;}
.ncase .ntitle p{ font-size:16px; font-weight:normal; line-height:35px; margin-bottom:20px;}
.ncaselist li{ padding:50px 0; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.ncaselist li:nth-child(odd){ background:#f8f8f8;}
.ncaselist li .ncaselist_con{ width:1000px; margin:0 auto;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.ncaselist li .ncaselist_con .number{ width:140px; display:block;border-right: 1px solid #ddd;line-height: 60px;
    font-size: 72px;
    font-family: "Arial";
    color: #d2d2d2;
    font-weight: bold;
    font-style: italic;}
.ncaselist li .ncaselist_con .intro{ width:800px; font-size:16px;}
.ncaselist li .ncaselist_con .intro .jianj{ line-height:25px; margin-top:10px; font-size:14px;}
.ncaselist li:hover{ background:#2f58a7; }
.ncaselist li:hover .ncaselist_con{transform:translateX(-50px);-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-ms-transform:translateX(-50px);}
.ncaselist li:hover .ncaselist_con .number,.ncaselist li:hover .ncaselist_con .intro{ color:#fff;}
.ncase .video{ padding-top:50px; padding-bottom:30px;background:#f8f8f8;}
.ncase .video li{ width:385px; float:left; margin-right:15px; margin-bottom:25px; background:#333}
.ncase .video video{ width:385px;height:260px;}
.ncase .video p{ color:#fff; text-align:center; padding-bottom:15px;}

.contact_tit{ text-align:center; font-size:22px;}
.contact_tit .en{ color:#d0d0d0;}
.address{ margin-top:30px;}
.address li{ float:left; width:49%; border-right:1px solid #e5e5e5; text-align:center}
.address li:last-child{ border-right:0}
.message{ margin-top:30px; background:#f5f5f5; padding:50px 0;}
.message form{ width:90%; margin:0 auto}
.message .input01{ width:28%; margin-right:3.5%;color:#999; padding:10px 10px; border:1px solid #e8e8e8; outline:none;font-size:16px;}
.message .in_last{ margin-right:0;}
.message .textarea{ width:95.8%;padding:10px 10px;border:1px solid #e8e8e8;font-size:16px; margin-top:25px;color:#999;}
.m_bottom{ margin-top:25px;}
.m_bottom .yzm{ width:50%}
.m_bottom .yzm input{ width:30%;padding:10px;border:1px solid #e8e8e8;font-size:16px;color:#999;}
.m_bottom .tijiao{ width:50%}
.m_bottom .tijiao input{ width:200px; line-height:40px; text-align:center;background: #2f58a7;border:none;font-size:16px;color:#fff; cursor:pointer; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s}
.m_bottom .tijiao input:hover{ opacity:0.8}

.footer{ background:#333; padding-top:40px;line-height:28px; color:#fff;}
.foot_top{ padding-bottom:25px; border-bottom:1px solid #535353;}
.foot_top .left{ width:710px;}
.foot_top .left li{ float:left; margin-right:40px; }
.footer h3{ font-size:16px; margin-bottom:10px;}
.footer a{ color:#fff;}
.foot_top p,.foot_top p a{ color:#a6a6a6;}
.foot_top .right{width:435px; position:relative}
.foot_top .right .f_tel{ background:url(../images/icon_contact.png) no-repeat 0 0; padding-left:30px;}
.foot_top .right .f_mail{ background:url(../images/icon_contact.png) no-repeat 0 -30px; padding-left:30px;}
.foot_top .right .f_add{ background:url(../images/icon_contact.png) no-repeat 0 -60px; padding-left:30px;}
.foot_top .right .share{ position:absolute; right:0;top:50px;}
.foot_top .right .share a{ float:left; width:25px; height:25px;padding:0;border-radius:50%; text-align:center; margin:0 5px;}

.foot_top .right .share a.bds_weixin{ background:url(../images/icon_weixin.png) #4b4b4b no-repeat center;}
.foot_top .right .share a.bds_tqq{ background:url(../images/icon_qq.png) #4b4b4b no-repeat center}
.foot_top .right .share a.bds_tsina{ background:url(../images/icon_weibo.png) #4b4b4b no-repeat center}
.foot_top .right .share a:hover{ background-color:#2f58a7;}
.foot_bottom{ border-top:1px solid #1c1c1c; text-align:center; padding:8px 0; color:#999;font-size:13px;}
.foot_bottom a{color:#999;}
.page{ margin-top:30px; text-align:center}
.back{ text-align:right;margin-top:30px;}
.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:15px; margin-bottom:5px}