@charset "utf-8";
*{margin:0; padding:0;}
html {  box-sizing: border-box;}
*, *:before, *:after {  box-sizing: inherit;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
img { border:none;border-style:none; vertical-align:middle; max-width:100%;}
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
html, body {color: #333;width: 100%;height: 100%;font: 14px/1.7 "微软雅黑","Microsoft YaHei", "Arial", "Helvetica Neue";}
body{ background-color:#f5f5f5; min-width:1200px;}
a{ color:#333;text-decoration:none;outline:none;}
a:hover{ color:#2228c5; text-decoration:none; transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-webkit-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-moz-transition: color .3s ease,opacity .3s ease,background-color .3s ease;
-o-transition: color .3s ease,opacity .3s ease,background-color .3s ease;}


/* ** ** Common Addative Classes ** ** */
.fl{float:left}
.fr{float:right}
.clearfix:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clearfix { *zoom:1; }
.clear{ clear:both}
.center{ text-align: center;}
.wrap{ width:1200px; margin:0 auto; clear:both;}

/*head*/
.header{width:100%;background:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); position:relative;}
.headtop{height: 32px; float: right; margin-top: 24px; padding-left: 15px; border-left: 1px solid #ddd; margin-left: 15px;}
.languages{float: left; position: relative; margin-right:10px; line-height:32px;}
.weixin{ position:relative;float:right; margin:0 5px; height:32px;}
.weixin .weixin_nr{width:120px;background:#fff;text-align:center; position:absolute; left:-45px; top:45px; display: none; z-index:20; padding-bottom:5px; color:#555; line-height:150%; border:1px solid #eee;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #666;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin .weixin_nr .code{height: 120px;width: 120px; padding:5px; }
.weixin .weixin_nr img{ margin-top:5px;}
.weixin.on .weixin_nr{ display:block;}
.weixin a.wx{ display:inline-block;background: url(../images/top-weixin.png) no-repeat center center; width:32px; height:32px;}
.weixin a.sj{ display:inline-block;background: url(../images/top-shouji.png) no-repeat center center; width:32px; height:32px;}
.head{width:1200px; margin:0 auto; position:relative;}
.header .logo{ width:200px; height:80px; float:left; position:relative;}
.header .logo a{ display:block; height:100%; width:100%;}
.header .logo a:after{ content:""; height:100%;vertical-align: middle; display:inline-block;}
.header .logo img{ max-width:100%; max-height:100%;display: inline-block; vertical-align: middle;}
.top-languages{ display:none;}
.top-btn{ display:none;} 
@media screen and (max-width: 768px){
	body{min-width:100%;}
	.wrap{ width:100%;}
	.headtop{ display:none;}
	.head{width:100%;}
	.header .logo {width: 200px;height: 60px; margin:0 10px;}
	.top-languages{position: absolute;right: 60px;margin-top: 10px;width: 30px;height: 30px;display: block; }
	.top-languages a{ display:block; height:30px;width:30px;background:url(../images/languages3.png) no-repeat center center; background-size:24px 24px; font-size:0; z-index:-9999px;}
	.top-languages a:hover{background:url(../images/languages4.png) no-repeat center center; background-size:24px 24px;}
	.top-btn{position: absolute;right: 12px;top: 50%;margin-top: -20px;width: 40px;height: 40px;cursor: pointer; display: block;}
	.top-btn span{display:block; width:16px; height:2px; background:#2228c5; position:absolute; right:7px; top:50%; margin-top:-1px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; text-indent: -9999px;}
	.top-btn span:before{content:''; display:block; width:22px; height:2px; background:#2228c5; position:absolute; right:0; top:-8px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
	.top-btn span:after{content:''; display:block; width:22px; height:2px; background:#2228c5; position:absolute; right:0; top:8px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
	.top-btn:hover span{width:22px;}
	.top-btn:hover span:before{width:16px;}
	.top-btn:hover span:after{width:10px;}
	}
	
	
/*导航栏*/
.nav{ float:right; max-width:800px;}
.nav>li {float: left;width:100px; height:80px;position: relative; }
.nav>li>a {display:block;font-size: 14px;width:100px; height:80px;line-height:80px;text-align:center;}
.nav .sub{display: none;position: absolute;z-index:999;width:140px;padding:10px;background:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.nav .sub {top:80px;left:-20px;border-radius: 0 0 3px 3px;}
.nav li:hover .sub{ display:block;}
.nav .sub li {width: 100%; height:36px; position:relative;}
.nav .sub li a {width: 100%;font-size: 14px;display:block; height:36px;line-height:36px; text-align: center;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.nav .sub li:hover>a{ background:#2228c5; color:#fff;}
.nav>li:hover>a, .nav>li.active>a { border-bottom:2px solid #2228c5; color:#2228c5;}
.panel {display: none;}
@media screen and (max-width: 768px){
	.nav{ display:none;}
	.panel {display:none; width: 260px; background-color: #2228c5;}
	.accordion {width: 100%; padding-top:20px;}
	.accordion .link {cursor: pointer;display: block;padding: 10px 15px 10px 50px;color: #fff;font-size: 14px;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
	.accordion .link:before { content: '';  display: block; width: 16px; height: 2px; background: #fff; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);  transition: ease .45s;}
	.accordion li a{ color:#fff;}
	.accordion li i {position: absolute;top: 10px;right:12px;width:24px; height:24px;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
	.accordion li i.touch-arrow-down { background:url(../images/touch-arrow-d2.png) no-repeat center center; background-size:12px 12px;}
	.accordion li.open .link { background-color:rgba(19,144,226,.5);}
	.accordion li.open i.touch-arrow-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
	.submenu {	display: none;background: rgba(19,144,226,.5);font-size: 14px;}
	.submenu li { }
	.submenu a {display: block;text-decoration: none;color: #eee;padding:8px 12px;	padding-left: 50px;	-webkit-transition: all 0.25s ease;	-o-transition: all 0.25s ease;transition: all 0.25s ease; }
	.submenu a:hover {	background: #2228c5;color: #FFF;}
	}


/*首页产品类别*/
.in-pcpro{ display:block;}
.in-sjpro{ display:none;}
.solution-box{background: #373d41;}
.solution-cut{width: 1560px;margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden;}
.solution-box .slide-btn-panel{position: absolute;top: 0;bottom: 0;width: 50px;background: rgba(0, 0, 0, .3);cursor: pointer;border: none; padding: 0; z-index:9;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box .fa-back{left:0;}
.solution-box .fa-more{right:0;}
.solution-box .slide-btn-panel .left-btn{ display:block;width:100%; height:100%; background: url(../images/arrow_l.png) no-repeat center center;}
.solution-box .slide-btn-panel .right-btn{ display:block;width:100%; height:100%; background: url(../images/arrow_r.png) no-repeat center center;}
.solution-box ul{width:10000%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{width:.2%;width:.25%;float: left;text-align: center;position: relative;background:#fff;}
.solution-box ul li a{ display:block;color: #fff;}
.solution-box ul li .mask{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-img-panel{opacity: .85;position: absolute; top:30%;left:50%; margin-left:-36px;width:72px; height:72px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .line-panel{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-title{font-size: 24px;position: absolute;width: 100%;left: 0;top: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-desc{width: 80%;position: absolute;font-size: 14px;left: 10%;top: 70%;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-link{position: absolute;top: 85%; left:50%;font-size: 14px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li .item-link:hover{background: #fff;color: #373d41;}
.solution-box ul li img{display: block;width: 100%; padding: 0 6%;}
.solution-box ul li a:hover .mask{background: rgba(34, 40, 197, .75);}
.solution-box ul li a:hover .item-img-panel{top: 20%;}
.solution-box ul li a:hover .line-panel{top: 40%;opacity: 0;}
.solution-box ul li a:hover .item-title{top: 36%;}
.solution-box ul li a:hover .item-desc{top: 48%;opacity: 1;}
.solution-box ul li a:hover .item-link{top: 75%;opacity: 1;}
@media(max-width:1600px){.solution-cut{width: 1480px;}.solution-box ul li .item-title{font-size: 22px;}.solution-box ul li .item-desc{font-size: 14px;}.solution-box ul li item-link{font-size: 14px;line-height: 28px;width: 100px;margin: 0 0 0 -50px;}}
@media(max-width:1440px){.solution-cut{width: 1200px;}.solution-box ul li .item-img-panel{top:25%;}.solution-box ul li a:hover .item-img-panel{top: 10%;}.solution-box ul li a:hover .item-link{top: 85%;}.solution-box ul li .item-title{font-size: 18px;}.solution-box ul li .item-desc{font-size: 12px;}}
/*@media(max-width:768px){.solution-cut{width: 100%;}.solution-box ul li{width: 290px;}}*/
@media screen and (max-width: 768px){
	.in-pcpro{ display:none;}
	.in-sjpro{ display:block;}
	.in-sjpro .pro{ margin:0;}
	}


/*首页标题*/
.banner{width:100%;}
.s-banner{ display:none;}
.common{ padding-bottom:60px; background:#fff;}
.common-title { width: 100%; padding-top:60px; box-sizing: border-box; margin-bottom:20px;}
.common-title .it-title { text-align:center;}
.common-title .h1 {display:block;font-size: 24px;color: #2228c5;}
.common-title .h2 {display: inline-block;color: #666;font-size:16px;text-transform: uppercase;}
@media screen and (max-width: 768px){
	.banner{display:none;}
	.s-banner{ display: block;}
	.common{ padding-bottom:50px;}
	.common-title {padding:40px 12px 0;}
	.common-title .h1 {font-size: 20px;}
}

/*首页about*/
.inabout{padding-bottom:60px; background:#f8f8f8;}
.inabout .ct{max-height:450px;overflow-y: auto;padding-right:20px;margin-bottom:20px}
.inabout .ct::-webkit-scrollbar{width:5px;}
.inabout .ct::-webkit-scrollbar-thumb{background:#ccc}
.ina-i{width:50%; float:right; text-align:center;}
.ina-i img{ width:100%;}
.ina-c{ width:50%; float:left; padding:20px 30px;}
.ina-c .ct p{ text-indent:2em; margin-bottom:20px; color:#666; font-size:16px;}
.imore{ text-align:right;}
.imore a{ display:inline-block;width:160px; text-align:center; border:1px solid #ddd; line-height:40px; margin-right:20px;}
@media screen and (max-width: 768px){
	.ina-i{width:auto; float:none; padding:0 12px;}
	.ina-i img{ width:100%;}
	.ina-c{ width:auto; float:none; padding:10px 12px;}
	.ina-c .ct p{ margin-bottom:10px;}
	}

/*首页创新与研发*/
.in-cx li{ width:360px; float:left; margin:0 20px;}
.in-cx li a{ display:block;transition:all .3s; -ms-transition:all .3s; -webkit-transition:all .3s;}
.in-cx li .img{width:100%;}
.in-cx li .img img{width:100%;}
.in-cx li h1{ text-align:center; margin-top:10px; font-size:20px;}
.in-cx li a:hover{transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);}
@media screen and (max-width: 768px){
	.in-cx li:first-child{width:100%; margin:0 0 20px; padding:0 1%;}
	.in-cx li{ width:48%; margin:0 1% 20px;}
	.in-cx li h1{ font-size:16px;}
	}

/*footer*/
.footer{width:100%;background:#1C23C6; color:#fff;}
.fewm{ float:right;width:280px;  padding-top:20px; text-align:center; font-size:0;}
.fewm li{ display:inline-block;width:130px;}
.fewm li img{ width:100px; height:100px;}
.fewm li span{ display:block; color:#eee; line-height:20px; padding-top:10px; font-size:14px;}
.ftop{padding:20px 0;min-height:170px;}
.ftop h1{ line-height:30px; margin-bottom:10px; font-size:24px;}
.foot{ width:100%;padding:10px 0;background:#3840ff; color:#fff; text-align:center;}
@media screen and (max-width: 768px){
	.fewm{ float:none;width:100%;}
	.ftop{ padding:10px;min-height:auto;}
	.ftop h1{ line-height:auto; margin-bottom:0;font-size:18px;}
	.foot{ padding:10px;}
	}


/*内页二级导航*/
.lh-other-nav{width:100%; background:#fff; overflow:hidden; border-top: 1px solid #f5f5f5;}
.lh-other-l li{float:left; margin:0 5px; max-width:190px;min-width: 100px; padding:10px 5px;}
.lh-other-l li a{ position:relative;display: block; line-height:30px; text-align:center;}
.lh-other-l li.active,.lh-other-l li:hover{ background:#2228c5; }
.lh-other-l li.active a,.lh-other-l li:hover a{color:#fff;}
.touch-other-nav{ display:none;}
@media screen and (max-width: 768px){
  .lh-other-nav{ display:none;}
  .touch-other-nav{ display:block;width:100%; background:#efefef; padding-top:20px;}
  .touch-tg{margin: 0 10px; line-height:20px; font-size:16px; background:#fff; padding:10px 20px; box-sizing:border-box;}
  .touch-tg a{ display:block;background:url(../images/touch-arrow-d.png) no-repeat right center; background-size:12px 12px;}
  .touch-tg2{ background:#2228c5;}
  .touch-tg2 a{background:url(../images/touch-arrow-u2.png) no-repeat right center;background-size:12px 12px;color:#eee;}
  .touch-tg2 a:hover{ color:#eee;}
  .touch-sun{ display: none; margin: 0 10px; background:#fff;}
  .touch-sun li a{ line-height:20px; display:block;padding:10px 20px; border-bottom:1px solid #efefef;}
  .touch-sun li a:hover{background: #2228c5;color: #fff;}
}

/*内页内容区*/
.l-banner{width:100%;}
.sl-banner{ display:none;}
.content{ width:1200px; margin:40px auto; background-color:#fff;padding:60px;box-shadow: 0 0 5px rgba(0,0,0,.15);}
.con{ color:#666; min-height:300px;_height:300px;}
.conshow,.conshow p{ padding-bottom:15px; font-size:16px;line-height: 30px;}
.conshow iframe{
	width:100%;
	border:none;
	background:none;
	height:620px;
}
#con_one_2 iframe{
	width:100%;
	border:none;
	background:none;
	height:620px;
}
@media screen and (max-width: 768px){
	.l-banner{display:none;}
	.sl-banner{ display: block;}
	.content{ width:auto; margin:10px; padding:20px 15px;}
	.conshow,.conshow p{ font-size:16px; line-height:24px;}
	.conshow iframe{
	
	height:220px;
}
#con_one_2 iframe{
	
	height:220px;
}


	}

/*内页标题*/
.title{ border-bottom: 1px solid #eee; margin-bottom:15px; padding-bottom:5px;}
.t-title{ position: relative;color:#666;line-height:40px; display:inline-block; padding-left:20px; font-size:20px; font-weight:700;}
.t-title:before {content: '';display: block;  position: absolute; left: 0px;top: 12px; width: 4px; height: 16px; background: #2228c5;}
.t-other{line-height:40px;color:#666; float:right; background:  no-repeat left center; padding-left:30px;}
.t-other a{color:#666;}
.t-other b{margin:0 5px; font-weight:normal;}
.t-other a:hover{ color:#2228c5;}
@media screen and (max-width: 768px){
	.t-title{ font-size:18px;}	
	.t-other{ display:none;}
	}

/*在线留言*/
.fbtable{ font-size:14px;}
.msg{padding:9px 18px;margin-bottom:10px;border:1px solid #f1f1f1;background:#eee;}
.input-b{  height:30px; line-height:30px; color:#555;width:50%; padding:5px; border-radius:3px;background: #f8f8f8; margin:10px;border: 1px solid #ddd;}
.input-c{  height:100px;width:90%; line-height:25px; color:#555;padding:5px;border-radius:3px;background: #f8f8f8;margin:10px;border: 1px solid #ddd;}
.btn{border-radius: 4px; border: none; width:170px;font-size: 14px; height: 46px; background: #2228c5; font-family:"微软雅黑";color: #fff; outline: none; cursor: pointer; -webkit-appearance: none; margin:0 auto; display: inline-block;margin-left:10px;  }
.btn:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}
@media screen and (max-width: 768px){
	.msg{ font-size:14px;}
	.fbtable{ font-size:12px;}
	.input-b{ width:86%;margin:5px;}
	.input-c{ width:86%;margin:5px;}
}

/*分页*/
.pages{ text-align:center; overflow:hidden; margin:30px 0;}
.pages a,.pages span{ padding:0 15px; line-height:36px; border:#2228c5 1px solid; margin:0 5px; font-size:16px; display:inline-block; color:#333; font-family:"宋体";  border-radius:5px;}
.current{background:#2228c5;color:#fff !important;}
.pages a:hover{  background:#2228c5; color:#fff; text-decoration:none; }

.page{width:100%; margin:25px auto; border-top:1px solid #eee; padding-top:20px; line-height:30px;}
.page a{ margin-right:20px;}


/*新闻列表*/
.news li{width:330px; margin:0 15px 30px; float:left;}
.news li a{ display:block;}
.news li .nimg{width:330px; height:220px; overflow:hidden; text-align:center;}
.news li .nimg img{width:100%; height:100%; transition:all .3s; -ms-transition:all .3s;-webkit-transition:all .3s;object-fit: cover;}
.news li .txt{width:100%; height:74px;}
.news li .txt h1{ font-size:16px; line-height:25px; max-height:50px; margin-top:10px;overflow:hidden; font-weight:normal;}
.news li .txt span{ line-height:24px; white-space:nowrap; display:block; color:#999;}
.news li a:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);}
.innews .news li{width:360px; margin:0 20px 30px;}
.innews .news li .nimg{width:360px; height:240px; }
@media screen and (max-width: 768px){
	.news li{ width:100%; margin:0 0 20px; float:none;}
	.news li a{ padding-left:120px; position:relative;}
	.news li .nimg{ position:absolute; left:0; top:0;width:108px; height:72px;}
	.news li .txt h1{ margin-top:0; line-height:24px; max-height:48px;}
	.innews{ padding:0 12px;}
	.innews .news li{width:100%; margin:0 0 20px;}
	.innews .news li .nimg{width:108px; height:72px; }
}
	
/*新闻详情*/
.contit{ margin-bottom:20px;text-align:center;}
.contit h1{ color:#333; font-size:24px; font-weight:bold; line-height:40px; padding-bottom: 20px;border-bottom: 1px dashed #ddd;}
.contit h2{border-bottom: 1px dashed #ddd; line-height:36px; font-size:12px;}
.contit h2 span{ color:#999; margin:0 15px;}
.video-c {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-c iframe,.video-c object,.video-c embed,.video-c video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width: 768px){
	.contit h1{ font-size:18px; margin-top:20px;}
	.contit h2 span{ margin:0 10px 0 0 ;}
	}


/*视频*/
.video{ font-size:0;}
.video:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.video li{ display:inline-block; float:left; font-size:14px; width:330px; margin:15px; text-align:center;}
.video li a{ display:block;}
.video li .pic{width:330px; height:220px; position:relative; display:block;overflow:hidden; border-radius:5px;}
.video li .pic img{width:100%; height:100%;transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;}
.video li .pic em{ position:absolute; top:50%; left:50%; margin:-24px 0 0 -24px; width:48px; height:48px; background:url(../images/ico_12.png) no-repeat center center; background-size:100%;}
.video li p{ line-height:20px; height:40px; margin-top:5px; overflow:hidden;}
.video li a:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);}
@media screen and (max-width: 768px){
	.video li{width:100%; margin:0 0 20px;}
	.video li .pic{width:100%; height:auto;}
	}

/*产品列表*/
.product{ font-size:0; padding-top:20px;}
.product:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.product li{width:30.33%; float:left; margin:0 1.5% 30px; display:inline-block;font-size:14px;}
.product li a { display: block;  position: relative;   border-bottom: 1px solid #dadada; box-shadow: 0 0 10px rgba(12,3,6,.10); text-align:center; }
.product li .img {transition: ease .65s; font-size:0;padding:20px; }
.product li a:after {content: '';display: block;width: 0;height: 1px;background: #478d12;position: absolute;left: 0;bottom: -1px;transition: ease .65s;-ms-transition: ease .65s;-webkit-transition: ease .65s;}
.product li h2 {background:#2228c5; font-size: 16px; color: #fff; margin-top: 10px; position: relative; height: 37px; line-height: 37px; white-space:nowrap; overflow:hidden;}
.product li h3 {background:#2228c5;  line-height: 37px; color: #fff; white-space:nowrap; overflow: hidden;padding-bottom:5px;}
.product li a:hover {box-shadow: 0 0 16px rgba(12,3,6,.26);}
.product li a:hover:after {width: 100%;}
@media screen and (max-width: 768px){
	.product li{width:100%; margin:0; margin-bottom:30px;}
	}

/*产品详情简介*/
.title2{position:relative;line-height:35px;padding:15px 0 20px;border-bottom:1px solid #E5E5E5; text-align:center;}
.title2 h1{font-size:22px; font-weight:normal;}
.title2 h2{font-size: 26px;color: #2228C5;}
.pdc{width:100%;}
.pdc-img{ text-align:center;}
.pdc-img img{ max-width:100%;}
.tab1{width:100%;background:#eaeaea;margin-top:20px;}
.menu{width:100%; clear:both;}
.menu li{float:left;text-align:center; padding:0 20px;line-height:45px; cursor:pointer;}
.menu li.off{background:#2228C5;color:#fff;}
.menudiv{width:100%;padding:20px;overflow: hidden;position: relative; background:#fff;}
/* .menudiv div{min-height:300px;} */
@media screen and (max-width: 768px){
	.title2 h1{font-size:18px;}
	.title2 h2{font-size:18px;}
	.menu li{ padding:0 10px;line-height:36px; font-size:12px;}
}

/*产品列表1*/
.pro{width:1200px; margin:30px auto;}
.pro li{width:100%;}
.pro li a{ display:block; transition:linear .3s;-moz-transition:linear .3s;-ms-transition:linear .3s;-o-transition:linear .3s;-webkit-transition:linear .3s;}
.pro li a:hover{ transform:translate(0,-10px);-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px); box-shadow:0 0 10px rgba(0,0,0,.15);}
.pro li a:after {content:".";display:block;height:0;clear:both;font-size:0; line-height: 0; visibility:hidden;}
.pro li .pimg{ float:left;width:50%;height:400px; padding:20px; box-sizing:border-box; text-align:center;}
.pro li .pimg img{ max-height:100%; max-width:100%;}
.pro li .pbox{float:left;width:50%;height:400px; padding:0 70px; box-sizing:border-box;}
.pro li .text{ padding-top:90px;}
.pro li .text h1{font-size: 36px; line-height:1.3;text-transform: uppercase; margin-bottom:15px;}
.pro li .text h2{ font-size:36px; position:relative; display:inline-block;}
.pro li .text h2:after{ content:""; position:absolute; top:0; left:0;width:100%; height:2px; background:#ccc;}
.pro li:nth-child(odd) .pimg{ float:right;}
.pro li:nth-child(odd) .pbox{ float:right;}
.pro li.p1 a{ background:rgba(136,145,151,1); color:#fff;}
.pro li.p2 a{ background:#f4f5f7; color:#333;}
.pro li.p3 a{ background:rgba(136,145,151,1); color:#fff;}
.pro li.p4 a{ background:#f4f5f7; color:#333;}
.pro li.p5 a{ background:rgba(136,145,151,1); color:#fff;}
.pro li.p6 a{ background:#ee7b1e; color:#fff;}
@media screen and (max-width: 768px){
	.pro{width:100%;}
	.pro li .pimg{height:auto; padding:10px;}
	.pro li .pbox{height:auto;}
	.pro li .text h1{margin-bottom:10px;}
	.pro li .text h2{padding-top:5px;}	
	.pro li .text h2:after{height:1px;}
	}
@media screen and (min-width:640px) and (max-width:768px){
	.pro li .pbox{ padding:0 40px;}
	.pro li .text{ padding-top:50px;}
	.pro li .text h1{font-size:24px;}
	.pro li .text h2{ font-size:24px;}	
	}
@media screen and (min-width:480px) and (max-width:640px){
	.pro li .pbox{ padding:0 20px;}
	.pro li .text{ padding-top:30px;}
	.pro li .text h1{font-size:20px;}
	.pro li .text h2{ font-size:20px; }	
	}
@media screen and (max-width:480px){
	.pro li .pbox{ padding:0 10px;}
	.pro li .text{ padding-top:20px;}
	.pro li .text h1{font-size:16px;}
	.pro li .text h2{ font-size:18px;}	
	}