﻿
@charset "utf-8";
            .fullSlide{min-width:1200px;position:relative;height:680px;overflow:hidden;}
            .fullSlide .bd{position:relative;z-index:0;}
            .fullSlide .bd ul{width:100%!important;}
            .fullSlide .bd li{width:100%!important;height:680px;overflow:hidden;text-align:center;}
            .fullSlide .bd li  img{ position:absolute; top:0; left:50%; margin-left:-960px;}
            .fullSlide .hd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:76px;overflow:hidden;}
            .fullSlide .hd ul{margin-left:600px;}
            .fullSlide .hd ul li{float:left;margin:0 8px;display:inline;cursor:pointer;}
            .fullSlide .hd ul li{width:15px;height:15px;background:#4b65b7;border-radius: 8px;}
            .fullSlide .hd ul .on{background:#fff;}
/*引子*/
.webox{font-size:14px;color: #6c6c6c;line-height:28px;position: relative;z-index:2; background:url(../images/aboutbg.jpg) no-repeat center top; padding-top:50px;}
.webox_c{height:380px;margin-top: 0px; position: relative;padding: 0px;box-shadow: 0 0 0px 0px rgba(0, 0 , 0 , 0.1);}
.webox_p,.webox_p img{width: 540px;height: 354px;overflow: hidden;border-radius: 9px;}
.webox_w{width: 810px;padding: 13px 0 10px 0px;}
.webox_w h3{height:90px;font-size: 38px;color: #000;white-space: nowrap;line-height: 44px; background:url(../images/ico1.png) no-repeat left bottom; margin-bottom:25px;}
.webox_w h3 span{display: block;font-size:20px;line-height: 34px;font-weight: normal;letter-spacing:3.0px;}
.webox_w p{height: 180px; font-size:16px; color:#333;}
.we_ico{width: 170px;line-height: 44px;text-align: center; background: #db000b;border-radius: 22px;font-size: 16px;font-weight: bold;}
.we_ico a{display: block;color: #fff;}

.webox_l{clear: both;padding: 64px 0 0;height: 185px;font-size: 18px;line-height: 40px;color: #000;}
.webox_l li{float: left;height: 96px;border-right: dashed 1px #ababab;padding: 0 90px;text-align: center;}
.webox_l li:first-child{padding-left: 0;}
.webox_l li:last-child{padding-right: 0;border: 0;}
.webox_l li span{display: block;font-size: 60px;line-height: 70px;}
.webox_l li span b{}
.webox_l li span em{display: inline-block;width: 20px;line-height: 20px;border-radius: 20px;font-size: 16px;color: #fff;background: #3051a9;}
			
/*banner*/
.til01{text-align: center;color: #000;font-size:42px;line-height:52px;font-family: "Microsoft Yahei";clear: both;display: block;white-space: nowrap;padding:15px 0 10px;background:url(../images/fline.gif) no-repeat center bottom; margin-bottom:40px;}
.til01 p{display: block;font-size:20px;line-height:32px;font-weight: normal;opacity: 0.5; }
.til01 a{color: #000;}
.til01 span{display: inline-block;position: relative;padding: 0 146px;}
.til01 span i{color:#3150b3; font-style:normal;}
.til01 span:before,.til01 span:after{content: "";position: absolute;width:133px;height:58px;background:url(../images/tilbg2.png) no-repeat 0 0;right: 0;top:-15px;z-index: 2;}
.til02,.til02 a{color: #fff;}
/**/
.tilss h2{ position: relative; line-height: 100%; text-align: center; font-size: 54px; color: #000; padding-bottom:22px; }
.tilss h2 span{ display: block; font-weight: 200; font-size: 22px; color: #333; line-height: 100%; padding-top: 18px;}

.tilss{ overflow: hidden; padding: 60px 0 25px 0;background:url(../images/ico1.png) no-repeat center bottom; height: 180px; box-sizing: border-box;}
 .tilss h2  i{ font-style:normal;}
.tilss h2  i em{ color: #3150b3; padding-left:20px;}
/**/
.tilsss h2{ position: relative; line-height: 100%; text-align: center; font-size: 54px; color: #fff; padding-bottom:22px; }
.tilsss h2 span{ display: block; font-weight: 200; font-size: 22px; color: #fff; line-height: 100%; padding-top: 18px;}

.tilsss{ overflow: hidden; padding: 60px 0 25px 0;background:url(../images/ico1.png) no-repeat center bottom; height: 180px; box-sizing: border-box;}
 .tilsss h2  i{ font-style:normal;}
.tilsss h2  i em{ color: #ff0000; padding-left:20px;}
/**/


/* -- 产品2 -- */
.w16{ width: 1600px;margin: 0 auto; }
.cpt-t{background: url(../images/pro_bj001.jpg) no-repeat center bottom;background-size: 100% 100%;padding-top: 0px;padding-bottom: 5rem;}
.cpt_nav{float: left;width: 12.625%;}
.cpt_nav ul li{height: 147px;width: 100%;margin-bottom: 0.05rem;background: #2144c5;position: relative;}
.cpt_nav ul li i{width: 3.5rem;height: 3rem;display: block;padding-top: 1.1rem;margin-left: 1.65rem;position: relative;z-index: 99;}
.cpt_nav ul li i img{width: 100%;display: block;}
.cpt_nav ul li h3{margin-top: 0rem;text-align: left;margin-left: 1.05rem;position: relative;z-index: 99; padding-top:45px;}
.cpt_nav ul li h3 em{font-size: 1.2rem;line-height: 1.2rem;display: block;font-weight: bold;color: #ffffff;}
.cpt_nav ul li h3 span{font-size:0.6rem;line-height:0.6rem;display: block;font-weight: normal;color: #ffffff;text-transform: uppercase;padding-top: 0.45rem;}
.cpt_nav ul li:last-of-type{margin-bottom: 0;}
.cpt_nav li::before{content: "";display: block;width:100%;height:0;background: #e3000b;position: absolute;left:0;bottom:0;transition:all 0.5s}
.cpt_nav li.cur::before{height:147px;left:0;}

.cpt_con{float: left;width: 87.25%;}
.cpt_con dl{background: #ffffff;}
.cpt_con dl dt{float: right;width: 56.54%;}
.cpt_con dl dt img{width:100%;display: block;}


.cpt_con dl dd{width: 43.45%;float: left;position:relative;}
.cpt_con dl dd h3{padding-top: 3.1rem;text-align: left;margin-left: 3.5rem; height:60px; background:url(../images/ico1.png) no-repeat left bottom;}
.cpt_con dl dd h3 em{font-size: 1.5rem;line-height: 1.5rem;display: block;font-weight: bold;color: #333333;}
.cpt_con dl dd p{margin-left: 3.5rem;font-size: 0.8rem;line-height: 1.5rem;font-weight: normal;color: #666666;display: block;padding-top: 1rem;width: 75%;padding-bottom: 1rem;border-bottom: 1px solid #dcdcdc;box-sizing: border-box;}
.f-1 {overflow: hidden;padding-top: 1rem;margin-left: 3.5rem;margin-bottom: 2.5rem;}
.f-1 a{float: left;text-align: left;padding-left: 0.65rem;background: url(../images/jt.png) no-repeat center left;font-size: 0.8rem;line-height: 1.8rem;display: block;color: #333333;font-weight: normal;width: 29%;}
.f-1 a:hover{color:#e44241;}


.gds{margin-left: 3.5rem;height: 2.55rem;margin-bottom: 2.45rem;}
.gds a{float: left;height: 2.55rem;line-height: 2.55rem;display: block;text-align: center;font-size: 0.9rem;color: #ffffff;background: #2144c5;width: 9.5rem;border-radius: 35px;transition: 0.35s;}
.gds a:last-of-type{background: #e3000b;color: #ffffff;margin-left: 0.7rem;}
.gds a:hover{transform: translateY(-5px);}

.cpt_con dl dd strong{width: 16.25rem;height: 6.25rem;display: block;position: absolute;right: 0;top: 0;}
.cpt_con dl dd strong img{width: 100%;display: block;}



.t-cp1{margin-left: 3.5rem;overflow: hidden;}
.t-cp1 b{float: left;width: 5.9rem;height: 10.2rem;display: block;margin-right: 5%;}
.t-cp1 b img{width: 100%;display: block;}
.t-cp1 b:last-of-type{margin-right: 0;}
/**/
.lc_bj{background: url(../images/gg001.jpg) no-repeat center top;height: 546px;overflow: hidden;box-sizing: border-box;padding-top:42px;}


/**/
.pinz{ position:relative;padding-top:50px;}
.pinz4{width:1580px; margin:0 auto; height:360px;overflow:hidden;}
.pinz4 li{ float:left; width:340px; overflow:hidden; margin-right:14px; padding:8px 8px; }
.pinz4 li img{ display:block; width:340px; height:300px; overflow:hidden;-webkit-transition: 1s;
-moz-transition: 1s;transition: 1s;}
.pinz4 li em{ display:block; height:48px; font:18px "Microsoft Yahei"; line-height:48px; color:#282828; text-align:center; overflow:hidden; background:#eeeeee;}
.pinz4 li:hover img{-webkit-transform:scale(1.1,1.1);    -moz-transform:scale(1.1,1.1);    -transform:scale(1.1,1.1);}

/*优势*/
.edge{clear: both;font-family:"Microsoft Yahei";line-height:27px;font-size: 16px;position: relative;z-index: 1;color: #444;padding:0px 0 0;}
.edge:before{content: "";position: absolute;width:100%;height:1052px;background:url(../images/edgebg2.jpg) no-repeat center 0;bottom:526px;right:0;z-index: -1;}
.edge1{height: 790px;}
.edge4{height: 690px;}
.edge1_p,.edge1_pc,.edge1_pc img{width: 100%; background:url(../images/ys001.jpg) no-repeat center 0; height: 500px;display: block;overflow: hidden;}
.edge1_w{background: #fff;width: 1337px;height: 172px;box-shadow: 0 0 10px 10px rgba(0, 0 , 0 , 0.1);margin: 30px auto 0;position: relative;}
.edge1_w h3{float: left;width:232px;height: 162px;background:-webkit-linear-gradient(left, #1c4499, #1c4499);color: #fff;text-align: center;font-size: 40px;line-height: 65px; padding-top:10px;}
.edge1_w h3 em{display: block;width: 46px;height: 50px;margin: 0 auto; padding-top:10px; padding-bottom:15px;}
.edge1_wc{width: 1035px;float: right;padding: 16px 0 0;}
.edge1_wc h4{font-size: 26px;height: 68px;line-height: 60px;color: #343842;}
.edge2{height:588px;}
.edge2_p{width: 50%;height: 586px;display: block;}
.edge2_w{width: 47.9%;}
.edge2_wc{width: 620px;overflow: hidden;padding: 8px 0 0;}
.edge2_wc h3,.edge3 h3{font-size: 50px;line-height: 53px;color: #000;height: 204px;}
.edge2_wc h3 span{display: block;height: 113px;}
.edge2_wc h3 i{display: block;font-size: 16px;font-weight: normal;line-height: 20px;opacity: 0.4;letter-spacing: 4px;}
.edge2_wc h3 em,.edge3 h3 em{display: block;float: left;padding: 0 7px 0 0;margin: 0 27px 0 0;border-right: solid 1px #e6e6e6;}
.edge2_wc h3 p,.edge3 h3 p{display: block;font-size: 26px;line-height: 55px;background:-webkit-linear-gradient(left, #cc0000, #cc0000);border-radius: 0px 0 0px 0;font-weight: 600;color: #fff;padding-left:50px;}
.edge2_wz{height: 170px;overflow: hidden;}
.edge2_wz p{padding: 0 0 20px;}
.edge2_l li{overflow: hidden;float: left;margin: 0 5px 0 0;}
.edge2_l li,.edge2_l li img{width:244px;height: 183px;display: block;}
.edge3{height: 786px;padding: 106px 0 0;color: #fff;text-align: center;line-height: 30px;}
.edge4 .edge2_wc{padding: 156px 0 0;}
.edge3 h3{height: 92px;padding: 0 182px;color: #fff;}
.edge3 h3 p{float: right;width: 500px;float: right;}
.edge3 h3 span{float: left;}
.edge3 h3 em{border-color: rgba(255, 255 , 255, 0.3);}
.edg3_wz{height: 108px;}
/**/
.cases{overflow: hidden;background:#f2f2f2; height:769px;padding-top: 99px; position: relative;}
.cases h2 span{ color: #333333;}
.cases h2{ padding-bottom: 50px;}
.case1{ height: 575px;}
.case1 ul li{ float: left; overflow: hidden; width: 957px; position: relative;}
.case1 ul li img{ display: block; width: 957px;}
.case1 ul li em{ display: none; position: absolute; left: 0; background: rgba(0,0,0,0.36);overflow: hidden; bottom: 0; width: 100%; box-sizing: border-box; padding:24px 40px 0 55px; font-size: 16px; color: #fff; height: 119px;}
.case1 ul li em i{ display: block; font-size: 16px; line-height: 100%;  width: 667px; float: left; color: #e2e5e7; margin-top: 4px;}
.case1 ul li em i span{ display: block; font-weight: normal; font-size: 22px; color: #fff; padding-bottom: 13px;}
.case1 ul li em strong{ display: inline-block; float: right;}
.case1 ul li em strong a{ display: block; text-align: center; margin-bottom: 6px; font-size: 13px; font-weight:normal; color: #fff; width: 115px; height: 28px; border-radius: 28px; border: 2px solid #dcdcdc; line-height: 28px;}
.case1 ul li em strong a:last-of-type{background:url(../images/c_mor.png) no-repeat 20px 7px; padding-left: 41px; box-sizing: border-box; text-align: left; height: 32px;}
.case1 ul li em strong a:hover{transition: all 0.2s; width: 135px;}
.case1 ul li.roundabout-in-focus em{ display: block;}

.case_m{ }
.case_m ul{width:957px; height:539px; position: relative; margin:0 auto;}
.case_m ul li{ width:957px; height:539px;overflow: hidden; position: relative;}
.case_m ul li.roundabout-moveable-item{}
.case1 .btn_l{ position: absolute; left:-135px; top: 239px; z-index: 99;}
.case1 .btn_r{ position: absolute; right:-129px; top: 239px; z-index: 99;}
/**/

.w15 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
.web-title{	text-align: center;}
.web-title h3{	color: #010101;	font-weight: lighter;	font-size: 45px;}
.web-title em{	color: #010101;	font-weight: bold;}
.web-title span{	color: #1170D2;	font-weight: bold;}
.product{	margin: 58px auto 42px auto;}
.web-title p{	color: #848484;	font-size: 21px;	line-height: 40px;}
.pro-center{	margin-top: 42px;}
.product-fl{	float: left;	width: 240px;	text-align: center;}
.pro-title span{	color: white;	font-size: 16px;	font-family: arial;	line-height: 30px;	text-transform: uppercase;}
.pro-title p{	color: #FFFFFF;	font-size: 27px;	font-weight: bold;}
.pro-title{	background-image:linear-gradient(to right,#3150b3,#3150b3) ;	border-top-right-radius: 0px;	border-bottom-left-radius: 0px;	padding: 12px 0 20px 0;}

.phone{overflow:hidden; width:165px; padding:30px 0; padding-left:75px; border-radius:0px; background:url(../images/icon40.png) no-repeat 20px center; background-color:#3150b3; margin-top:10px;}
.phone p{font-size:16px; color:#fff;}
.phone b{display:block;font-size:20px;color:#fff;}

a.current{	text-decoration: none;}
.treebox{	 margin: 0 auto; }
.menun{	overflow: hidden;}
/*第一层*/
.menun li{	background: #eeeeee;	border-radius: 0px;	margin: 5px 0;}
.menun li.level1>a{ 	display:block;	text-align: left;	padding-left:20px;	line-height: 50px;	color: #666666;	font-size: 17px;	position: relative;	transition:all .5s ease 0s;}
.menun li.level1 a:hover{	background-color:#3150b3;	color: white;}
.menun li.level1 a.current{	background: #3150b3;	color: white;	border-radius: 10px;}


/*第二层*/
.menun li.level1  li{margin: 2px 0;}
.menun li.level1  li a{display:block;text-align: left;padding-left:30px;line-height:30px;color: #666666;font-size: 15px;position: relative;transition:all .5s ease 0s;border-radius: 10px;}
.menun li.level1 li a:hover{font-size: 15px;color: white;background-color:#3150b3;}

.pro-show-center{	float: left;	width: 1500px;	margin-left: 30px;}
.pro-show-center ul{ margin-left:-20px}
.marqueetop{	height:1250px;	overflow:hidden;}
.pro-show li{	float: left;	width: 275px;	border-bottom: solid 1px #dcdcdc; margin-left:20px; margin-bottom:20px}
.pro-show li img{ width:100%}
.pro-text{	line-height: 68px;}
.pro-text span{	float: left;	color: #666666;	font-size: 18px;}
.pro-text a{	float: right;	display: inline-block;	background: #375bbd;	width: 98px;	line-height: 30px;	color: white;	font-size: 14px;	border-radius: 0px;	margin-top: 17px;	text-align: center;}
.pro-more{	background: #3051a9;	width: 522px;	line-height: 58px;	border-radius: 0px;	padding: 4px 0 4px 6px;	margin: 36px auto 0 auto;}
.pro-more div:first-child{	background: white;	border-radius: 29px;}
.pro-more a{	color: #262626;	font-size: 16px;	text-align: center;	display: block;}
.pro-more p{	color: white;	font-size: 18px; line-height:58px;}
.pro-more span{	font-size: 30px;	font-weight: bold;	font-family: arial;}
/*产品中心*/
.probox{font-family:"Microsoft Yahei";padding:80px 0 0;}
.probox h2{height: 142px;text-align: center; font-size: 48px;font-weight: bold;color: #080808;position: relative;} 
.probox h2 a{color: #080808;}
.probox h2 em{display: block;font-size: 28px;color: #080808;font-weight: normal;}
.probox h2:before{content: "";position: absolute;width: 31px;height: 3px;background: #008fd7;left:50%;margin-left: -15px;top:115px;}
.cpfltit{height: 160px;}
.cpfltit dl{height: 64px;line-height: 64px;margin-bottom: 1px;background: #f1f1f1;}
.cpfltit dt{float: left;width: 160px;background: #008fd7 url(../images/fl01.jpg) no-repeat 30px 23px;padding-left: 50px;font-size: 18px;font-weight: bold;color: #fff;margin-right: 16px;}
.cpfltit dt a{color: #fff;}
.cpfltit dd p{float: left;width: 807px;font-size: 18px;color: #c2c2c2}
.cpfltit dd p a{display: inline-block;padding-left: 48px;padding-right: 20px;font-size: 18px;color: #001831;background: url(../images/fl02.jpg) no-repeat 27px 24px;}
.cpfltit span a{display: block;width: 115px;background: url(../images/fl02.jpg) no-repeat 20px 24px;padding-left: 45px;font-size: 18px;color: #001831;}
.cpfltit dd p a:hover,.cpfltit span a:hover{color: #008fd7;}


	/*产品展示*/
.w13 { width:1300px; margin:0 auto; font-family:"Microsoft Yahei";}
.w138 { width:1380px; margin:0 auto; font-family:"Microsoft Yahei";}

/**/
.new{ height:950px; margin:0 auto; background:url(../images/aboutbg.jpg) no-repeat center bottom;}
.tit2{ height:65px; font:24px "Microsoft YaHei UI"; font-weight:bold; color:#000; line-height:65px;}
.tit2 a{ display:block; color:#000;}
.tit2 a:hover{ color:#ee0000;}
.tit2 em{ font:14px "Microsoft YaHei UI"; color:#000; float:right; line-height:65px;}
.dy{ height:470px; margin-top:25px; border-bottom:1px solid #999999;}
.dy dl{ width:501px; overflow:hidden; float:left;}
.dy dt{ width:501px; height:282px; overflow:hidden;}
.dy dt img{ display:block; width:501px; height:282px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy dd h3 a{ display:block; font:18px "Microsoft YaHei UI"; color:#000; padding:18px 0 8px; font-weight:700;}
.dy dd h3 a:hover,.dy li span a:hover{ font-weight:bold; color:#ee0000;}
.dy dd p{ font:16px "Microsoft YaHei UI"; line-height:24px; color:#666;}
.dy ul{ width:826px; float:right; border-top:1px solid #999;}
.dy li{ height:106px; padding-top:24px; border-bottom:1px dashed #ccc;}
.dy li:last-child{ border:0;}
.dy li em{ display:block; width:80px; float:left; font:50px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; background-color:#3558b5; text-align:center;}
.dy li em i{ display:block; font:14px "Microsoft YaHei UI"; color:#ececec; text-align:center;}
.dy li span{ display:block; width:723px; float:right;}
.dy li span a{ display:block;font:18px "Microsoft YaHei UI"; color:#000; padding:8px 0 0px; font-weight:bold;}
.dy li span i{ font:16px "Microsoft YaHei UI"; color:#666; display:block; line-height:26px;}

.baike dl{ height:125px; width:648px; padding:10px 20px 10px 10px; background:#e5e5e5; margin-right:18px;}
.baike dt{ width:206px; height:125px; float:left; overflow:hidden;}
.baike dt img{ display:block;width:206px; height:125px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.baike dd{ width:414px; float:right; margin-top:6px;}
.baike dd h3 a{ display:block; font:18px "Microsoft YaHei UI"; line-height:46px; color:#000; font-weight:700;}
.baike dd p{font:16px "Microsoft YaHei UI"; color:#666; line-height:24px;}
.baike dl:hover{ background:#d90000;}
.baike dl:hover dd p{ color:#000;}
.baike dl:hover dt img,.dy dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

/* 走进 */

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";font-size: 18px;line-height:34px;color: #333;overflow: hidden;position: relative;z-index: 1;}
/* .aboutbox:before{content: "";position: absolute;width:100%;height:598px;background:#fff;left:50%;margin-left: -600px;bottom:0;z-index: -2;border-radius: 0 0 0 56px;}*/
.aboutbox:after{content: "";position: absolute;left:50%;margin-left: -700px;bottom:0;z-index:0;border-radius: 0 0 0 0px;}
.about_p,.about_p img{width: 100%;display: block;}
.about_w{width: 1380px;height: 200px;left: 50%;margin-left: -700px;bottom:0;z-index: 1;}
.about_wt{width: 329px;float: left;color: #fff;}
.about_wt p{text-align: left;position: relative;line-height: 40px; font-size:36px; font-weight:bold; padding:50px 0 30px 25px;  letter-spacing: 3px; }
.about_wt p:before{content: "";position: absolute;width:0px;height:42px;left:45px;bottom:0;background: #db000b;}
.about_w h2{height: 100px;background: #ed1c22;text-align: center;padding: 14px 0 0;box-sizing:border-box;font-size: 40px;line-height: 55px;position: relative;}
.about_w h2:before{content: "";position: absolute;width:0;height:0;left:50%;margin-left: -12px;bottom:-12px;border-right:12px solid transparent;border-left:12px solid transparent;border-top:12px solid #ed1c22;}
.about_w h2 em{display: block;font-weight: normal;font-size: 16px;line-height: 27px;}
.about_w h2 a{display: block;color: #fff;}
.about_pho{padding: 0 0 0 44px;}
.about_pho span{display: block;background:url(../images/tel2.png) no-repeat 0 center;line-height: 50px;padding: 0 0 0 28px;font-size: 18px; letter-spacing: 1px; color:#fff;}
.about_pho b{display: block;font-size: 34px;line-height: 42px;}
.about_wc{float: right;width:1360px;padding:25px 0 0;}
.about_wc h3{font-size: 30px;line-height: 60px;height: 70px;}
.about_wc h3 a{color: #333;}

/* 风采展示 */
.show{clear: both;height: 380px;position: relative;padding: 60px 0;}
.prev3,.next3{width:18px;height:32px;display: inline-block;cursor: pointer;top:260px;right:-35px;z-index: 9;}
.prev3{left:-35px;}
.show_t{height:88px;font-size:20px;text-align: center;line-height: 50px; font-weight:700;}
.show_t span{height:50px;color: #fff;display: inline-block;padding: 0 45px;border-right: solid 1px #d4d4d4;  background:#1c4499; margin-right:15px; border-radius:25px;}
.show_t span:last-child{border: 0;}
.show_t span em{display: block;width: 40px;height: 38px;margin: 0 auto;overflow: hidden;}
.show_t span a{color: #fff; }
.show_t span:hover a{color: #fff;  background:#1c4499;}
.show_t span.cur em img,.show_t span:hover em img{margin-top: -60px;}

.show_cl{overflow: hidden;}
.show_cl li{width: 335px;float: left;margin:0 13px 0 0;position: relative;text-align: center;}
.show_cl li p,.show_cl li p img{width: 335px;height:245px;display: block;overflow: hidden;}
.show_c li span{font-size: 16px;display: block;line-height:46px;height:46px;  background:#e7e7e7;}
.show_c li span a{display: block;color: #27292f;}





html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}