﻿@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;font-family: "Microsoft YaHei";list-style: none;-webkit-list-style: none}
article, aside, dialog, footer, header, section, footer, nav, figure, menu{display: block}
body{font-family: "微软雅黑";font-size: 16px;-webkit-font-smoothing: antialiased;/* Fix for webkit rendering */-webkit-text-size-adjust: 100%;/* min-width: 1320px; */color: #333;overflow-x: hidden;}
ul, ol{list-style-type: none;}
blockquote, q{quotes: none;}
a{color: #333;text-decoration: none;}
a:hover{color: red;}
body{/* min-width:1200px; */}
.clearfix{content: '';height: 0px;display: block;clear: both;}
img{border: 0;}
img::selection{background-color: transparent;} img::-moz-selection{background-color: transparent;}
*, *:before, *:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
i, em{font-style: normal;}
em, cite, i{font-style: normal;}
span, b, i, em{font-style: normal;}
h1,h2,h3,b,strong{font-weight: normal;}
p{line-height:1.8;}
.clearfix:after{content: '.';display: block;height: 0;clear: both;visibility: hidden;}
.wid{width:1200px;margin-left: auto;margin-right: auto;}
.fl{float: left}
.fr{float: right}
.mt80{margin-top: 80px}
.m80{margin-top: 80px;margin-bottom: 80px;}
.m30{margin-top: 30px;margin-bottom: 30px}
.mt30{margin-top: 30px}
.mb30{margin-bottom: 30px;}
.pt30{padding-top: 30px}
.pa30{padding: 30px 0}
.ml15{margin-left: 15px}
.m100{margin-top: 100px;margin-bottom: 100px;}
.pt60{padding-top: 60px}
.p30{padding: 30px 0}
.p50{padding: 50px 0}
.m50{margin-top: 50px;margin-bottom: 50px;}
.mb50{margin-bottom: 50px}
.pa20{padding: 20px 0}
.p10{padding: 10px 0}
.hidden {display: none;}
.visible {display: block;}



/*top*/
.top{padding: 10px 0;}
.top marquee{width:500px;}
.xian{width: 100%;height: 1px;background: #ccc;}
.top a{color: #666;}
/* nav*/
.nav_bg{background: #0858b1;height:50px;}
.nav_bg nav li{width: 150px;height: 50px;line-height: 50px;text-align: center;float: left;position: relative;border-right:1px solid rgba(255,255,255,.3)}
.nav_bg nav li:nth-child(1){border-left:1px solid rgba(255,255,255,.3)}
.nav_bg nav .current{background: #ff0000;}
.nav_bg nav li:hover{background:#ff0000;}
.nav_bg nav li:hover a{color: #fff;}
.nav_bg nav li a{color: #fff;display: block;}
.nav_bg nav li .sub_nav{position: absolute;top: 50px;width: 150px;text-align: center;color: #fff;display: none;z-index:50;}
.nav_bg nav li .sub_nav p a{color: #333;background: #fff;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;border-bottom:1px solid #f1f1f1;box-sizing:border-box}
.nav_bg nav li .sub_nav p a:hover{background:#1978be;color: #fff;border-bottom:1px solid #1978be;}
/*banner*/
.flexslider{position:relative; overflow:hidden;background:#000 url(../img/loading.gif) 50% no-repeat; z-index:10;}
.slides{position:relative;z-index:1;}
.slides li{height:500px;}
.flexslider .slides .s1{ background:url(../img/ban01.jpg) 50% center no-repeat;}
.flexslider .slides .s2{ background:url(../img/ban02.jpg) 50% center no-repeat;}
.flexslider .slides .s3{ background:url(../img/ban03.jpg) 50% center no-repeat;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}
/*index*/
.index_tit{position:relative;width:100%;height: 54px;margin: 0 auto 20px;color: #22479b;font-size: 20px;line-height: 54px;text-align: left;font-weight: bold;background: url(../img/index_33.png) left bottom no-repeat;border-bottom: #ddd 1px solid;}
.pro_nav li{width:190px;margin:5px;background: #eeeeee;float: left;text-align: center;height: 50px;line-height: 50px;border-radius:4px;transition: all,.5s;}
.pro_nav li:hover{background: #0858b1;}
.pro_nav li:hover a{color: #fff;}
.pro_nav li a{display: block;}
/*产品*/
.pro_box li{width:290px;margin-right: 10px;float: left;margin-bottom: 20px;}
.pro_box li img{width:280px;padding: 5px;border: 1px dashed #ccc;}
.pro_box li .tit{text-align: center;background: #eee;height: 40px;line-height:40px;width: 280px;transition: all,.3s;}
.pro_box li:hover .tit{background:#0858b1;color: #fff;}
/*link*/
.link{/* width:1200px; */height: 60px;background: url(../img/link.jpg) no-repeat left center;border: 2px solid #eee;line-height: 60px;box-sizing: border-box;margin: 20px auto;}
.link a{color:#666;float: left;max-width: 100px;margin: 0 30px;}
.link a:hover{color: red;}
.link a:nth-child(1){margin-left:250px;}
/*about内页*/
.left_nei{width: 20%;}
.left_nei .tit_class,.newcont .main-left-title{background: #0858b1;color: #fff;/* padding-left: 20px; */padding-top: 15px;padding-bottom: 15px;font-weight: bold;font-size: 24px;text-align: center;}
.left_nei .sub_class li{color: #333;/* padding: 18px; */border-bottom: 1px solid #e8e8e8;font-size: 16px;padding-left:30px;background: url(../img/nohover.gif) no-repeat right 20px center #f7f7f7;}
.left_nei .sub_class li a{display: block;/* height: 50px; */line-height: 50px;/* background: url(../img/nohover.gif) no-repeat right 20px center #f7f7f7; */}
.left_nei .current{background: url(../img/hover.gif) no-repeat right 20px center #eee}
.left_nei .current a{color:#22479b;}
.newcont{ margin-top:30px;}
.newcont  dl dd{ line-height:33px; font-size:14px; border-bottom:#ddd 1px solid;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*当前位置*/
.posi h4{text-align: left;font-size: 18px}
.posi span{text-align: right;font-size: 14px;color: #999}
/*右侧*/
.right_nei{width: 78%;}
.xian{width: 100%;height: 1px;background: #eee;margin-top:20px}
/*main_nei*/
.new_nei h4{font-size: 18px;color: #333;line-height: 2;font-weight: normal;margin-top: 6px;}
.new_nei p{font-size: 14px;color: #999;line-height: 2}
/*page*/
.m-page{text-align: right;font-size: 0;height: 38px;line-height: 38px;padding-right: 10px;margin-top: 30px;}
.m-page a, .m-page li{display: inline-block;font-size: 15px;background-color: #fff;padding: 0px 13px;height: 36px;overflow: hidden;text-align: center;border: 0px #ddd solid;color: #333;font-family: Arial;margin-left: 5px;border: 1px solid #ccc;vertical-align: top;}
.m-page li{display: inline;color: #333;border:none;margin:0;padding:0}
.m-page .thisclass{background: #22479b;color: #fff;padding: 0px 13px;height: 36px;margin-left: 5px;display: inline-block;}
.m-page a.next, .m-page a.prev{font-family: Arial;font-size: 16px;font-weight: 700;}
.m-page a:hover, .m-page li.thisclass a{background-color: #22479b;color: #fff;}
.m-page span{font-size: 14px;padding-right: 10px;}
/*abou内页*/
.main_body p{line-height: 2;/* padding: 10px; */font-size: 18px;}
/*new_article*/
.main_body h5{/* text-align: center; */font-size: 36px;line-height: 2;}
.main_body img{max-width: 100%;display: block;margin: auto;height: auto !important;}
.main_body .new_article p{font-size: 14px;}
.main_body .date{font-size: 12px;color: #666;line-height: 2;}
.main_body .nei_img{max-width: 400px;margin: 20px auto;display: block;}
/*pro内页*/
.pro_nei{width: 100%;;}
.pro_nei li{width: 32.5%;float: left;margin-right: 1%;margin-bottom: 1.5%;}
.pro_nei li:nth-child(3n){margin-right:0;}
.img_box{/* width: 100%; *//* height: 248px; */overflow: hidden;border: 1px solid #ccc;box-sizing: border-box;}
.pro_nei li img{width: 100%;transition: all .6s;}
.pro_nei li img:hover{transform: scale(1.2,1.2);}
.pro_nei li:hover .pro_tit a{background: #007ad0;color: #fff}
.pro_tit{text-align: center;/* height: 40px; */line-height: 40px;background: #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;/* padding:5px; */}
.pro_tit a{display: block;/* width: 310px; */text-overflow:ellipsis;white-space:nowrap;transition:all,.5s;}
/*nei_ban*/
.about_ban{height: 300px;background: url(../img/about_ban.jpg) no-repeat center center;}
.pro_ban{height: 300px;background: url(../img/pro_ban.jpg) no-repeat center center;}
.new_ban{height: 300px;background: url(../img/new_ban.jpg) no-repeat center center;}
/*首页滚动*/
#demo ul li{ width:293px; float:left; margin-left:15px; text-align:center;  border:#ddd 1px solid; background:#fbfbfb;}
#demo{overflow:hidden; width:1200px; display: inline; float:left;margin: 30px 0;}
#indemo{float: left;width: 1000%;}
#demo1,#demo2{float:left;}
#demo1 a,#demo2 a{cursor:pointer;}
#demo ul li img{ width:293px; height:293px;}
/*产品详情*/
.art_img img{width: 100%;}
.art_img {width:44%;}
.art_con{width: 52%;text-align:left;}
.art_con .date{text-align:left;}
.art_con p{line-height: 2.5;border-bottom: 1px solid #eee;color: #666;}
.art_con h1{text-align:left;}
.xq{line-height: 40px;color: #000;text-indent: 30px;margin-top: 20px;background: #eee;margin-bottom: 10px;font-size: 16px;border-bottom: 1px solid #ccc;}
.zixun{width: 120px;background: #fa0;margin-top: 20px;text-align: center;border-radius: 20px;transition: all,.6s;}
.zixun:hover{background: #f80;}
.zixun a{color:#fff;display: block;line-height: 40px;}
/*footer*/
.footer_bg{background: #000;}
.foot_box{color: #fff}
.foot_box a{color: #fff}
.foot_box dl{margin: 0 110px 0 0;line-height: 1.8;}
.foot_box dt{opacity:1}
.foot_box dd{opacity: .8;font-size: 14px}
.foot_box .wx{text-align: center;line-height: 2;font-size: 14px}
.bottom{background: #222;color: #666;text-align: center;/* padding: 20px; */line-height: 40px;}
.c_meau{width: 120px;height:420px;position:fixed;right:10px;bottom:-420px;display:none;z-index:9999; bottom: 100px!important;}
.c_meau .fl{ width:125px;}
.c_meau .fl h4{width:100%;height:61px;background:yellow;color:#81511c;font-size:16px;line-height: 61px;text-align:center;font-weight:bold;}
.c_meau .fl_o{ background:#fff; margin:-16px 0; padding:10px 0 0 0;}
.c_meau .fl_o_o{ color:#7d7d7d; font-size:14px; }
.c_meau .fl_o_o { padding-bottom:10px; border-bottom:1px solid #e5e5e5; width:108px; text-align:center; margin:auto auto 10px auto;}
.c_meau .fl_o_o dd{ line-height:14px;}
.c_meau .fr_o{ margin:90px 0 60px 0;}
.c_meau .fr_t{ margin-left:8px; cursor:pointer;}
.c_meau{ height:auto; bottom:-430px; display:block;}
.c_meau .fl_o_o dd{ line-height:22px;}
.c_meau .fl_o{margin: 0 0 -13px 0;}
.c_meau .fr_o {margin: 90px 0 168px 0;}
@media screen and (max-device-width: 1366px)
{
 .c_meau{ margin-left:470px; z-index:100;}
}
.product{ padding:30px 0 0;}
.prolei{background-color:#fff;width:200px;/* height:450px; */}
.prolei ul li,.submenu ul li{ height:45px; line-height:43px;}
.prolei .cpdt{ background: url(../img/nohover.gif) no-repeat right 20px center #f0f0f0;font:normal 16px/45px "微软雅黑"; padding-left:20px; display:block;color:#333; line-height:45px;margin:5px 0;border:1px solid #e8e8e8}
.prolei .cpdt:hover{background: url(../img/hover.gif) no-repeat right 20px center #eee;color:#22479b;}
.prolei .cpdt a{ color:#22479b;}
.prolei p a,.submenu ul li a{ width:180px; padding-left:20px; display:block; background:url(../img/cpdd.jpg) repeat-x;}.prolei p a:hover,.submenu ul li a:hover{ background:#fff;}
.index_con li{border-bottom:1px solid #e8e8e8;}
.index_con li p{text-indent:20px}
.proli{width: 965px;}
.proli h1{font:bold 18px/35px "微软雅黑";border-bottom:#ddd 1px solid;color: #007ad0;}
.proli h1 span{ font:normal 14px/35px "微软雅黑"; color:#999; float:right;}
.proli ul{height:210px;width: 100%;}
.proli ul li{width: 310px;text-align:center;margin: 10px 5px;/float:left;float: left;padding: 0;border:#ddd 1px solid;box-sizing: border-box;}
.proli ul li img{width: 310px;height: 248px;display: block;}
.proli ul li span{width: 100%;height: 40px;line-height: 40px;color: #333;background: #eee;display: block;transition: all,.5s;}
.proli ul li:hover span{background: #007ad0;color: #fff}
.prolist ul{ width:900px;}
.prolist ul li{ width:200px; text-align:center; margin:15px 15px 0 0; float:left;}
.prolist b{ font-weight:normal;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.prolist ul li img{ width:200px; height:266px; border:#ddd 1px solid; margin-bottom:5px;}
.index_con li{border-bottom:1px solid #e8e8e8;}
.index_con li p{text-indent:1px;font-size: 10px;line-height: 45px}
.contact{background:#0054b6;width:230px;padding:10px;margin-right:10px;height:240px;color:#fff;font-size: 14px;}
.contact img{width:100%}
.contact div{ margin-bottom:10px;}
.contact p{ line-height:24px;}
/* 滚动案例 */
.case{ padding:30px 0; height:300px;margin-bottom: 50px}
.case .tit{font: 18px/30px "微软雅黑";margin-bottom:10px;border-bottom:#ddd 1px solid;color:#007ad0;font-weight: bold;}
.case .tit span{ float:right; font:normal 14px/30px "微软雅黑";}
#demo ul li{ width:250px; float:left; margin-left:15px; text-align:center; border:#ddd 1px solid; background:#fbfbfb;}
#demo{overflow:hidden; width:1200px;display: inline; float:left;}
#indemo{float: left;width: 1000%;}
#demo1,#demo2{float:left;}
#demo1 a,#demo2 a{cursor:pointer;}
#demo ul li img{ width:250px; height:200px;}
/* 首页新闻 */
newsList{ padding-top: 6px; padding-bottom: 12px;}
.new_nei h4 .fr {color:#999;font-size:14px;line-height:36px;}
.new_nei h5 {line-height:36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;font-weight: normal;}
 /* main */
.wuyou-waiter{position: fixed; right: 0px; top:70%; margin-top: -90px; width: 60px; box-shadow: 0px 0px 20px rgba(0,0,0,.3); z-index: 999;}
.waiter-ul li{position: relative; height: 60px; line-height: 60px; border-bottom: 1px solid #fff;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 24px;}
.waiter-title{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 80px; height:50px; line-height:50px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{left: -100px; opacity: 1;}
.waiter-ul li.wuyou-shop .waiter-title{background-color:#f60; }
.waiter-ul li.wuyou-shop .waiter-title:before{background-color:#f60; }
.waiter-ul li.wuyou-contact .waiter-title{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title:before{background-color:#00b7ee; }
.weixin_img{position: absolute;;top:-60px;right:-120px;width: 230px;height: 230px;background-image:url(../images/weixin.png)!important;background-repeat: no-repeat;background-position: center center;}
.waiter-ul li:hover .weixin_img{left: -260px; opacity: 1;background:none;list-style: none;}
.waiter-ul .wx .waiter-title::before{display: none}
.waiter-ul li.wuyou-top .waiter-title{background-color:#333; }
.waiter-ul li.wuyou-top .waiter-title:before{background-color:#333; }
.tel .waiter-title {position: absolute; left: 0px; bottom: 1px; color: #fff; width:250px; height: 50px; line-height: 50px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-ul .tel:hover .waiter-title{left: -280px!important; opacity: 1;}
.fy{
    margin: 30px 0;
    background: #e1e1e1;
    box-sizing: border-box;
    padding: 2% 4%;
}
.sectionB{width: 100%;padding: 50px 0;}
.section{width:100%;margin:auto;position:relative;clear:both;padding-top: 34px;padding-bottom: 38px;}
.inProBd{width: 1200px;margin: 0 auto;}
.inProClaList{
	float:left;
	width: 20%;
	/* height: 425px; */
	background: #fff;
	margin-top: -1px;
	background: #ffffff;
	}
.ProClaT{
	width: 100%;
	color: #fff;
	font-size: 30px;
	line-height: 66px;
	text-align: center;
	background: #105095;
	margin-bottom:  10px;
	}
.ProClaT span{color: #fff;}	
.ProClaList{}
.ProClaList li{width: 100%;height: 42px;margin-bottom: 4px;}
.ProClaList li a{
	width: 100%;
	padding-left:14px;
	padding-right:26px;
	border:1px solid #b7c5ce;
	display: block;
	color:#666666;
	font-size: 14px;
	line-height: 40px;
	box-sizing:  border-box;
	background: #f6f6f6;
	}
.ProClaList li a:hover{
	color:#ffffff;
	background-color:#105095; border:#105095 1px solid;}	
.ProClaList .more a{
	height: 33px;
	padding-left:20px;
	padding-right:36px;
	border: 1px solid #ff0000;
	display: block;
	color:#ffffff;
	line-height: 33px;
	text-align:  center;
	background: url(../images/more.jpg) 160px center no-repeat #ff0000;
	}	
/*end inProClaList*/
.proListPic {float: right;width: 78%;overflow: hidden;}
.proListPic ul li{
	position: relative;
	float:left;
	width: 24%;
	margin-right: 1%;
	margin-bottom: 1%;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	}		
	.proListPic ul li:nth-child(4n){margin-right:0;}
.proListPic ul li .pic{width: 100%;}
.proListPic ul li   span{color: #000;line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;text-align: center;}
.proListPic ul li .pic a{
	display:block;
}
.proListPic ul li .pic img{width: 100%;/* height: 230px; */}
.proListPic ul li .intro{
	position: absolute;left:0px; top:0px; display: none;  z-index: 99;
	width:230px; height:172px;
	background:url(../images/propicbg.png);}
.proListPic ul li .intro .title{
	width:210px; height:46px;padding:40px 10px 0px 10px; display: block; 
	color:#fff;font-size:16px;line-height:46px; text-align: center;   }
.proListPic ul li .intro .title a{color:#fff;}	
.proListPic ul li .intro .proUrlPic{
	width:102px; height:40px; padding: 0 64px;}
.proListPic ul li .intro .proUrlPic .a{float:left;display: block;width: 40px; height:40px; padding-right: 20px;   }
.proListPic ul li .intro .proUrlPic .b{float:left;display: block;width: 41px; height: 40px; }
.proListPic .proMenu{
	width:230px; height:172px; display: block; border: 3px solid #0f4f94;
	background:url(../images/probg.jpg) center  center no-repeat #0f4f94;}
.proListPic .proMenu a{width:230px; height:172px;  display: block;}
.proListPic .proMenu .font{
	display: block;
	width:175px; height:34px;  padding-left: 55px; padding-top: 50px;
	color: #fff; font-size: 24px;line-height: 34px;}
.proListPic .proMenu .english{ 
	display: block;
	width:215px; height:26px;  padding-left: 25px;
	color: #4bbeed;font-size: 24px; line-height: 26px;text-transform: uppercase; font-family: impact;}	
/*end proListPic*/
.about{padding:80px 0;background: #005eaf;color: #fff;}
.newbox{ background:#f0f0f0; padding:50px 0;}
.Ttitle {
	position:relative;
	width: 400px;
	height:65px;
	margin: 0 auto;
	padding-top: 5px;
	}
.Ttitle .Font{
	height:30px;
	display: block;
	color: #1959a5;
	font-weight: bold;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	}
.Ttitle .English{
    border-bottom: #1251a6 solid 1px;
    padding-top: 10px;
    width: 400px;
}
.Ttitle .English p{display: block;background-color: #1251a6;width: 8px;height: 8px;position:  relative;top: 4px;margin: 0 auto;}
.Tmore {
position:relative;
margin: 0 auto;
width: 250px;
line-height: 40px;
background: #1561af;
/* height: 40px; */
border-radius: 4px;
}
.Tmore a{
	display: block;
	/* padding-left: 100px; */
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	}
.none{ display: none;}
/*end Ttitle*/
.newsList{width: 1200px;margin: 0 auto;padding-top: 6px;padding-bottom: 40px;padding-top: 40px;}        
.newsListDl{
	float: left;
	width: 48%;
	border-bottom:1px solid #d5d5d5;
	margin: 0 2% 0 0;
	margin-bottom: 0;
	}
.newsListDl a{padding-bottom:1px;}
.newsListDl:hover{ background: #1561af;}
.newsListDl:hover .title{ color: #ffffff;}
.newsListDl:hover dt{
	color: #ffffff;
}
.newsListDl a:hover .intro{ color: #4bbeed;}	
.newsListDl a:hover .num{ color: #ffffff;}
.newsListDl dt{ 
	float: left; width: 90px; height:90px;
	color:#d2dde8; font-size: 48px; line-height: 90px; font-family: impact; text-align: center;}	
.newsListDl dd{padding: 4% 2%;}
.newsListDl .title {
	display: block;
	color: #000;
	font-size: 18px;
	line-height:30px;
	}	
	.newsListDl .title em{ font-size:12px;}
.newsListDl .intro{
	display: block;
	color: #999;
	font-size: 14px;
	line-height: 2;
	}
/* end newsListDl */	
/*section*/
.casePic{ width:1000px;height:376px;padding-top:40px;padding-bottom:40px; margin: 0 auto;}
.casePic ul li{
	 position:relative;float:left;
	 width: 249px; height: 186px;margin-right:2px;margin-bottom:2px;}
.casePic li.caseMenu{ width: 247px; height: 186px;}	 
.casePic .caseMenu a{
	width: 247px; height: 186px; display: block;
	background:url(../images/casebg.jpg) center center no-repeat #1561af;}
.casePic .caseMenu .font{
	display: block;
	width:192px; height:34px;  padding-left: 55px; padding-top: 60px;
	color: #fff; font-size: 24px;line-height: 34px;}
.casePic .caseMenu .english{ 
	display: block;
	width:212px; height:26px;  padding-left: 35px;
	color: #4bbeed;font-size: 24px; line-height: 26px;text-transform: uppercase; font-family: impact;}
.casePic li.caseMore{ width: 247px; height: 186px;}	
.casePic li.caseMore a{
	width: 247px; height: 60px; padding-top: 126px;
	color:#f02e49; font-size: 14px; line-height: 40px; text-align: center;
	background: url(../images/index_32.jpg) center 34px no-repeat #fff;}
.casePic li.caseMore a:hover{
	width: 247px; height: 60px; padding-top: 126px;
	color:#ffffff; font-size: 14px; line-height: 40px; text-align: center;
	background: url(../images/index_32w.jpg) center 34px no-repeat #c71730;}
.casePic li a{ width: 249px; height: 186px; display: block;}		
.casePic .con{
	position:absolute;left:0px; bottom:0; z-index:99;
	width:100%; 
	background:url(../images/propicbg.png) left top repeat;}
.casePic .title{ 
	width:100%; height:40px;
	color:#fff;font-size:14px;line-height:40px;text-align:center; font-weight: bold;}
.casePic .conbody{width:100%; height:146px;display:none}
.casePic .intro{
	width:90%; margin: 0 auto;
	font-size:12px;color:#fff;line-height:26px;}
/*end casePic*/
.company{ width:1000px; margin:0 auto; }
.companynr{
	width:1000px; height:141px; padding-top: 10px;  
 	font-size:14px;color:#666666; line-height:26px;
 	overflow:hidden; }
.name{ 
	width:1000px; height:34px;display: block; padding-bottom: 10px;  
	color: #333333; font-size: 24px; line-height: 34px; text-align: center;  }
/*end company*/
/*end inMain*/
.diqu{ width:1000px; margin:0 auto; }
.diqu a{font-size:14px;color:#666666; line-height:26px; padding:0px 10px;}
/* footer*/
.footer{ width:100%;background: #232f36; }
.btnav{ width: 100%;  border-bottom: 1px solid #1d5a9b;  padding-top: 25px; 
	background: #105095;  }
.btnavlist{ width: 1000px; height: 80px; margin: 0 auto; text-align:center;color:#ffffff;}
.btnavlist a{margin:0 7px;height: 40px;color:#ffffff;font-size:14px; line-height: 40px;   }
.btnavlist a span{ padding-left: 5px; color:#fff; font-size:12px; text-transform: uppercase;}
.btnavlist a:hover{color:#4bbeed;}
.btnavlist a:hover span{color:#4bbeed;}
/*end btnavlist*/
.footOne{ width: 1000px; height: 90px; margin: 0 auto; }
.footTel{ 
	float: left;
	width:304px; height:90px;
	background:url(../images/tel.png) left  32px no-repeat;  }
.footTel .tel{ 
	width:250px;height:70px;padding-left:40px; padding-top: 18px; 
	color:#2072c6; font-size: 18px;text-align:left; 
	}
.footTel .tel .num{
	width:250px;height:40px; display: block;
	color: #2072c6;font-size:30px;font-family:impact; text-transform: uppercase;}	
/*end footTel*/
.share{ float: left;width: 300px;height: 90px; padding-left: 90px; }
.share li{ 
	position:relative;float:left;
	width: 150px; height: 40px;margin-top: 30px;}
.share .list{width: 102px; height: 40px; line-height: 40px; padding-left: 48px; display: block;
	color:#42525b}	
.share .qq{background: url(../images/qq.png) left top no-repeat;}
.share .qq2{background: url(../images/share.png) left top no-repeat;}
.share a.list:hover{ color: #fff;}	
.shareList{ position: absolute;left:30px; top: 35px; z-index: 99; display: none;
	width:200px;}
.shareList a{ display: inline;}	
/*end share*/
.site{  
	float:left;
	width:155px;  height: 40px; padding-left: 45px;  margin-top: 30px;
	color:#42525b; font-size:14px;
	background: url(../images/site.png) left top no-repeat;  }
.site a{ color:#42525b; line-height: 40px; }
.site a:hover{color:#fff;}
/*end site*/
/*end link*/
.you02-box {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
}
.you02-box h2 {
	/* height: 120px; */
	text-align: center;
}
.you02-box h2 img {width:100%;}
.you02 {
	width: 1200px;
	position: relative;
	background: url(../images/you02-di.jpg) no-repeat center center;
	height: 830px;
}
.you02 ul {
	position: absolute;
	width: 440px;
	/* overflow: hidden; */
}
.you02 ul li {
	font-size: 16px;
	color: #545454;
	width: 450px;
	line-height: 30px;
	/* margin-bottom: 10px; */
	margin-top: 10px;
	margin-left: 10px;
}
.you02-1 {
	left: 54px;
	top: 90px
}
.you02-2 {
	right: 0;
	top: 370px;
}
.you02-3 {
	left: 54px;
	top: 630px
}
.casebox{ background:#005eaf; padding:50px 0}
.casebox .title{ margin-bottom:35px; text-align:center;color:#fff; }
.casebox .title .Font{font-size: 30px;}
.casebox ul{}
.casebox ul li{width: 19%;float:left;margin: 0 1% 1% 0;text-align:  center;color: #fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.casebox ul li:nth-child(5n){margin-right:0;}
.casebox ul li img{width: 100%;}
.casebox ul li  a{color:#fff;/* display:block; */width:100%;line-height:30px;}
.about{padding:80px 0;/* background: #f1f1f1; *//* color: #fff; */}
.about .fl{width: 37%;}
.about .fl img {width:100%;}
.about .fr{width: 61%;}
.about p{ line-height:28px; font-size:16px;}
.about a{width: 250px;height:36px;display:block;margin: 25px 0 0;background: #fff;font-size:16px;border-radius:4px;text-align:center;line-height:36px;}
.about .fr h1 {color: #fff;font-weight: bold;}
.intro1 {color: #fff;margin-top: 30px;}
.intro1 span {font-weight: bold;font-size:  20px;color: #fff;}
.btn a {background-color: #fff;color: #005eaf;font-size: 14px;}
.new_article p {line-height:2;font-size:18px!important;}
.con11 {padding: 4px 14px;background: #f7f7f7;}
.con11 p {font-size: 16px;line-height: 2;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.English {text-transform:uppercase;}
.newneitit {text-align: center;}
.newneitit h4 {font-size: 34px;font-weight: bold;}
.next {margin: 1% 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.swiper-slide img {width: 100%;}
.youshi1 .fl {width: 56%;}
.youshi2 .fr {width:48%;}
.youshi1 .fr {width: 40%;}
.youshi2 .fl {width: 50%;}
.youshi1 .fr img,.youshi2 .fl img {width:100%;}
.ystit1 {margin-bottom: 20px;margin-top: 20px;}
.ystit1 font {font-weight: bold;background: #005eaf;color: #fff;padding: 1.8% 2.1%;font-size: 30px;box-sizing: border-box;border-radius: 100px;text-align: center;}
.ystit1 span {font-size: 30px;font-weight: bold;padding-left: 2%;color: #005eaf;line-height: 50px;}
.youshi1 p,.youshi2 p {line-height: 2;font-size: 18px;}
.top11 {margin: 14px auto;}
.nei_ban img {width: 100%;}

/*------------------------------------------------*/
/* 1200 */
/*------------------------------------------------*/
@media screen and (max-width: 1200px){
	.hidden-min {display: none;}
	.visible-min {display: block;}
	.wid,.inProBd,.newsList,.you02-box {width: 980px;}

}
/*------------------------------------------------*/
/* 1024 */
/*------------------------------------------------*/
@media screen and (max-width: 1024px){
	.hidden-min1 {display: none;}
	.visible-min1 {display: block;}
	.wid,.inProBd,.newsList,.you02-box {width: 100%;padding-left: 2%;padding-right: 2%;box-sizing: border-box;}
     .swiper-container {margin-top: 7%;}
     .header {height:0;line-height:0;}
   
    .topbar{
        font-size: 16px;
        font-weight: bold;
        transition: .4s;
        z-index: 99999;
        box-shadow: 0 2px 5px rgba(0,0,0,.2);
        overflow: hidden;
        padding: 0 10px;
        width:100%;
        position: fixed;
        background: #fff;
        background-size: 100%;
        top: 0;
        box-sizing: border-box;
    }
    .menu-button{
        display: block;
        margin: 0;
        cursor: pointer;
        position: absolute;
        top: 40%;
        left: 90%;
        bottom: 0;
        right: 0;
    }
    .menu-button .line:nth-of-type(1) {
        margin-top: 0;
    }
    .menu-button .line:nth-of-type(2) {
        margin-bottom: 0;
    }

    .menu-button .line{
        position: relative;
        display: block;
        width: 22px;
        height: 2px;
        margin: 5px 0;
        background: #334180;
        -webkit-transition: .3s;
        transition: .3s;
    }
    .header_active .line:nth-of-type(1){
        -webkit-transform: translateY(6.5px) rotate(-45deg);
        -ms-transform: translateY(6.5px) rotate(-45deg);
        transform: translateY(6.5px) rotate(-45deg);
    }
    .header_active .line:nth-of-type(2){
        opacity:0;
    }
    .header_active .line:nth-of-type(3){
        -webkit-transform: translateY(-7.5px) rotate(45deg);
        -ms-transform: translateY(-7.5px) rotate(45deg);
        transform: translateY(-7.5px) rotate(45deg);
    }
    #menu{
        background: #fff;
        height: 100%;
        position: fixed;
        transform: translateY(-110%);
        top: 0;
        left:0;
        right:0;
        bottom: 0;
        z-index: 999;
        overflow-y: hidden;
        padding: 60px 30px 30px;
        transition: .5s;
    }
    #menu ul{
        margin: 70px 0;
        transition-delay: .2s;
    }
    #menu ul li{
        border-bottom: 1px solid rgba(0,0,0,.05);
    }
    #menu ul li a{
        color: #333;
        padding:12px 20px;
        font-size: 16px;
        display: inline-block;
        width: 60%;
        line-height: 24px;
    }
    #menu ul li a:hover{
        background:none;
    }
    #menu ul li i{
        line-height:22px;
        font-size: 14px;
        /*         display: block; */
        padding: 0 0 0 0;
        transition: .3s;
        color: #333;
        float: right;
        margin-top: 10px;
    }
    .icon11 img {width:20px;}
    #menu ul li.cur i{
        display: inline-block;
    }
    #menu ul li.on {
        background:rgba(255,255,255,.05);
    }
    #menu ul li.on a{
        color: #333;
    }
    #menu dl{
        background: rgba(0,0,0,.02);
        display: none;
        transition: .3s;
    }
    #menu dl dt{
        border-bottom: 1px solid rgba(0,0,0,.05);
    }
    #menu dl dt a{
        color: #555;
        display: block;
        padding: 2px 25px 2px 30px;
        font-size: 16px;
        line-height: 34px;
    }
    #menu dl dt i{
        padding: 0 6px 0 0;
        font-size: 14px;
    }
    .ceshi11 img {
    width: 18px;
}
    .header_active #menu{
        transform: translateY(0);
	}
	.proListPic ul li {width: 32.3%;}
	.proListPic ul li:nth-child(4n){margin-right:1%;}
	.proListPic ul li:nth-child(3n){margin-right:1%;}
	.proListPic ul li:nth-last-child(3),.proListPic ul li:nth-last-child(2){display: none;}

	.about .fl,.about .fr {float: none;width: 100%;}
	.about .fr h1 {text-align: center;line-height: 50px;}
	.about a {margin: 25px auto 0;}

	.casebox ul li {width: 49.5%;}
	.casebox ul li:nth-child(2n){margin-right: 0;}
	.casebox ul li:nth-last-child(1),.casebox ul li:nth-last-child(2){display: none;}

	.foot-min p a {color:#fff;font-size:16px;}
    .foot-min img {margin-top:20px;}
    .foot-min {line-height: 36px;text-align:center;color:#fff;background: #26272e;padding: 30px 0;font-size: 16px;}
    .um-contact{
        position: fixed;
        bottom: 50px;
        left: 10px;
        z-index: 9999;
        border-radius: 30px;
        width: 12%;
    }
    .um-contact a{
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 14px;
    }
    .um-contact a i{
        padding:0 6px 0 0;
        font-size: 16px;
        vertical-align: middle;
    }
    .bmenu{line-height: 40px;background: #0858b1;color: #fff;position: fixed;z-index: 9999;left: 0;bottom: 0;width: 100%;overflow: hidden;}
    .bmenu ul li{width: 25%;display: inline-block;position: relative;text-align: center;float: left;}
    .bmenu ul li:after{width: 1px;height: 40px;display: block;content: '';position: absolute;right: 1px;top: 1px;background: #07274e;}
    .bmenu ul li a{width: 100%;display: block;line-height: 40px;color: #fff;font-size: 16px;}
	
	.new-min {padding: 12px 2% 30px;}
	.new-min li {border-bottom:1px #ddd solid;}
	.new-min li p {line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.new-min span {float: right;line-height: 40px;font-size: 14px;color: #999;}
    .nei_ban {margin-top:8%;}

}
/*------------------------------------------------*/
/* 768 */
/*------------------------------------------------*/
@media screen and (max-width: 768px){


	.hidden-min2 {display: none;}
	.visible-min2 {display: block;}

	.proListPic {width:100%;margin-top: 10px;}
	.proListPic ul li {width:49.5%;}
	.proListPic ul li:nth-child(3n){margin-right: 1%;}
	.proListPic ul li:nth-child(2n){margin-right: 0;}
	.proListPic ul li:nth-last-child(1),.proListPic ul li:nth-last-child(2),.proListPic ul li:nth-last-child(3){display:block;}

	.prolist-min .tit11 {font-weight: bold;text-align: center;font-size: 24px;line-height: 30px;margin-bottom: 10px;}
	.prolist-min ul li {float: left;width: 49.5%;margin-right: 1%;margin-bottom: 1%;background: #e1e1e1;text-align: center;}
	.prolist-min ul li:nth-child(2n) {margin-right: 0;}
	.prolist-min ul li a {line-height: 40px;}


	.youshi1 .fl,.youshi1 .fr,.youshi2 .fl,.youshi2 .fr {width: 100%;float: none;}

	.Ttitle,.Ttitle .English {width:200px;}
	.logo img {width: 90%;}
	.swiper-container {margin-top:9%;}

	.left_nei {display:none;}
	.right_nei,.art_img,.art_con {width:100%;}

	.innav-min li {float: left;width:49.5%;margin-right:1%;margin-bottom: 1%;text-align: center;background: #e1e1e1;}
	.innav-min li:nth-child(2n){margin-right:0;}
	.innav-min li a {line-height:40px;}

	.pro_nei li {width:49.5%;}
	.pro_nei li:nth-child(3n){margin-right:1%;}
	.pro_nei li:nth-child(2n){margin-right:0;}

	.main_body {margin-top:10px;}

	.art_con p,.zixun {display:none;}
	.nei_ban {margin-top: 9%;}

	.sectionB {padding:30px 0;}
	.about {padding: 40px 0;}
	.about .fr h1 {font-size: 24px;line-height: 30px;}
	.ystit1 font,.ystit1 span {font-size: 20px;}
	.ystit1 {margin-top: 0;margin-bottom: 0;}
	.youshi1 p, .youshi2 p {font-size: 14px;}
	.you02-box {padding-bottom:20px;}
	.casebox {padding: 20px 0;}

    .casebox .title .Font {font-size: 24px;}
    .English {font-size:14px;}

	.newbox {padding:24px 0;}
	.new-min {padding-top: 0;}
	
	.infonei {margin-top: 20px;margin-bottom: 30px;}
	.main_body h5 {font-size: 26px;}

	.fy {margin-bottom:0;}
	.newneitit h4 {font-size: 20px;}

.contact-min {width: 100%!important;float: none!important;}
}
.newsListDl em{float:right; font-style:normal; color:#999}