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

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p{margin:0;padding:0;}


a:hover{text-decoration:none; }
input:hover,input:active,input:focus{ outline: 0;}
.fl{float:left;}
.fr{float:right;}

.clearfix:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1200px; margin:0 auto; margin-left:auto !important; margin-right:auto !important;}

/*index product*/
.indexProduct{background-color:#fff; ;/* background:rgb(236, 240, 243);*/}
.indexProduct .indexProductBox{ }
.classMain{ background:#286bb4; padding:40px 0 30px 0; margin-top:10px;}
.proClass{width:1260px;}
.proClass li.li1{ float:left; width:150px; margin-right:60px;}
.proClass li.li1 .a1{ display:block; width:130px; height:130px; border-radius:100%; background-size:cover !important; background-repeat: no-repeat !important; background-position: center center !important;border:10px solid #3a9500;margin:auto;position:relative; overflow:hidden; transform: rotate(0deg);  transition: 1s;}
.proClass li.li1:hover .a1{ border:10px solid #fcaf01;  }
.proClass li.li1 .a2{ display:block; text-align:center; font-size:15px; color:#333; margin-top:15px; height:35px; line-height:35px; border-radius:5px;/* background-color:#0f912a;*/overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.proClass li.li1:hover .a2{ background-color:#fcaf01; color:#fff;}
.proClass li.li1:hover .a1{ transform: rotate(360deg);}
.indexProduct .leftClass{}
.leftClass{width:206px;}
.leftClass .leftClassT{ width:100%;}
.leftClass .leftClassT .span2{ display:block; width:100%; height:79px; line-height:80px; text-align:center; font-size:20px; color:#fff; background-color:#03ac1f;}
.leftClass .proMore{ display:block; border-top:0;height:58px; line-height:61px; text-align:center; background-color:#fff; color:#d6000f; background-image:url(tmp1482388813_1349477_s.png); background-position: center center; background-repeat:no-repeat; box-shadow:0 5px 15px rgba(0,0,0,0.1); border:1px solid #ededed; border-top:0; width:100%;}
.leftClass .proMore:hover{ }
.indexProduct .proList_box{ padding:20px 0 20px 0; background:url(pic112.jpg) no-repeat center;;}
.indexProduct .proList{ width:100%; overflow:hidden;height:650px;/*450*/ }
.indexProduct .proList ul{ width:1217px; *460px*/; overflow:hidden;}
.indexProduct .proList ul li{ float:left; width:290px; margin-right:10px;overflow:hidden; margin-bottom:17px; }
.indexProduct .proList ul li a{ display:block;overflow:hidden; width:280px; margin:0px; }
.indexProduct .proList ul li .aB{ display:block; width:100%; height:100%; position:absolute; background:url(6634373_cp.png) repeat; overflow:hidden; left:0; top:0; z-index:5;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;*display:none;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.indexProduct .proList ul li .aB em{ display:block; width:80px; height:80px; margin:60px auto; background:url(m.png) center center no-repeat;}
.indexProduct .proList ul li .imga{ display:block; width:260px; height:200px;  margin-bottom:0; overflow:hidden;position:relative;  *position:inherit; background-color:#fff; border:8px solid #fff;}
.indexProduct .proList ul li .imga img{ width:100%; height:100%; display:block;transform: scale(1, 1);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.indexProduct .proList ul li .pt{ text-align:center; height:40px; line-height:39px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;color:#fff; font-size:16px; }
.indexProduct .proList ul li .prj_desc{ display:block; font-size:13px; color:#888; text-align:center; line-height:22px; height:44px; overflow:hidden;}
.indexProduct .proList ul li:hover .aB{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.indexProduct .proList ul li:hover .imga img{transform: scale(1.1,1.1);}
.indexProduct .proList ul li:hover .pt{ text-decoration:underline; color:#ce0d0d;}
.indexProduct .proList ul li:hover{ }


/*广告*/
.ggt{height:174px;background:#f3f3f3 url(ggbg.png) bottom center no-repeat; position:relative;}
.ggt>.baseDiv{ position:relative; height:100%;}
.ggt .ggt_1{ text-align:center; line-height:45px; padding-top:35px;}
.ggt .ggt_1 .span1{ font-size:30px; color:#fff;}
.ggt .ggt_1 .span2{ font-size:30px; font-weight:700; color:#fb0019;}
.ggt .ggt_2{font-size:25px; color:#fff; line-height:45px;text-align:center;}
.ggt .ggt_img{ position:absolute; right:0; top:0; height:100%; width:150px; background:url(ggtImg.png) center center no-repeat;}
.ggt::after{ content:''; position:absolute; display: block; background-color:#fff; width:100%; height:50%; top:0; left:0; z-index:-1}

/*优势*/
.youshi{ padding:30px 0 0px 0;background: #fff url(ysbgt.png) top center no-repeat; }
.youshi .ysTitle_01{text-align:center; font-size:35px; color:#000; font-weight:700; width:700px; margin:auto; background: rgb(255, 222, 0); height:75px; line-height:75px;}
.youshi .ysTitle_01 span{}
.youshi .ysTitle{text-align:center;}
.youshi .ysTitle .divNoto{ background:#fff url(yst.png) center center no-repeat; height:101px; font-size:24px; color:#fff; line-height:110px; width:820px; margin:auto; border-radius:50%; padding:60px 0; margin-top:20px; }
.youshi .ysTitle .divNoto span{ font-size: 72px; font-family: 华文行楷; color: rgb(255, 222, 0); vertical-align:middle}
.youshi .ysTitle .div2{text-transform: uppercase;color:#666;font-size:13px; margin-top:-30px;}
.youshi .ysBox{ position:relative; margin-top:60px;}
.youshi .ysBox .ys_left{ float:left; width:500px; height:550px; background:url(ysLeft.png) left center no-repeat; position:relative;}
.youshi .ysBox .ys_left .div1{ position:absolute; border-left:1px solid #4d4d4d; width:0;}
.youshi .ysBox .ys_left .div2{position:absolute; border-top:1px solid #4d4d4d; height:0;}
.youshi .ysBox .ys_left .div1_1{ height:163px; left:75px; top:30px;}
.youshi .ysBox .ys_left .div2_1{ left:75px; top:30px; width:430px;}
.youshi .ysBox .ys_left .div1_2{ height:45px; left:190px; top:170px;}
.youshi .ysBox .ys_left .div2_2{ left:190px; top:170px; width:312px;}
.youshi .ysBox .ys_left .div1_3{ height:45px; left:190px; top:170px; display:none;}
.youshi .ysBox .ys_left .div2_3{ left:275px; top:322px; width:227px;}
.youshi .ysBox .ys_left .div1_4{ height:167px; left:340px; top:305px;}
.youshi .ysBox .ys_left .div2_4{ left:340px; top:472px; width:160px;}
.youshi .ysBox .ys_Right{ width:700px;}
.youshi .ysBox .ys_Right li{ padding-left:75px; margin-bottom:40px;}
.youshi .ysBox .ys_Right li .div1{ color:#ec1622; line-height:45px; font-size:24px;}
.youshi .ysBox .ys_Right li .div1 span{ font-size:30px; font-weight:700; padding-right:15px;}
.youshi .ysBox .ys_Right li .div2{ font-size:14px; color:#555; line-height:25px; padding-top:10px;}
.youshi .ysBox .ys_Right li.lin1{ background:url(ys_l1.png) left top no-repeat;}
.youshi .ysBox .ys_Right li.lin2{ background:url(ys_l2.png) left top no-repeat;}
.youshi .ysBox .ys_Right li.lin3{ background:url(ys_l3.png) left top no-repeat;}
.youshi .ysBox .ys_Right li.lin4{ background:url(ys_l4.png) left top no-repeat;}
.youshi .ys_foot1{ font-size:30px; color:#000;  }
.youshi .ys_foot2{}
.youshi .ys_foot2 a{ display:block; width:150px; height:38px; border:2px solid #ec1622; color:#ec1622; font-size:22px; text-align:center; line-height:38px; margin:auto;}
.youshi .ys_foot2 a:hover{ background-color:#ec1622; color:#fff;}
.youshi .ys_foot3{ position:relative; width:1040px; height:60px; margin:0px auto 10px auto; line-height:25px; font-size:15px; color:#555;}
.youshi .ys_foot3 .em1{ display:block; position:absolute; left:0; height:100%; top:0; width:104px; background:url(ys_footLeft.png) center left no-repeat;}
.youshi .ys_foot3 .em2{ display:block; position:absolute; right:0; height:100%; top:0; width:104px; background:url(ys_footRight.png) center left no-repeat;}
.youshi .ys_foot3 span{ display:block;}
.youshi .ys_foot4{ width:100%; height:95px; background:url(foot.jpg) center center no-repeat;}

.youshi .ysBox .ys_a{ display:block; position: absolute; width:350px; height:350px; top:50%; margin-top:-175px; left:50%; margin-left:-175px; z-index:10;}
.youshi .ysBox .ys_a a{ display:block; float:left; width:50%; height:50%;}
.youshi .ysBox .ys_a a.a1{ background:url(ys01.png) left top no-repeat; cursor:pointer;}
.youshi .ysBox .ys_a a.a2{ background:url(ys02.png) right top no-repeat; cursor:pointer;}
.youshi .ysBox .ys_a a.a3{ background:url(ys03.png) left bottom no-repeat; cursor:pointer;}
.youshi .ysBox .ys_a a.a4{ background:url(ys04.png) right bottom no-repeat; cursor:pointer;}
.youshi .ysBox .lin{ float:left; width:50%; height:50%; position:relative;}
.youshi .ysBox .em1{ display: block; position:absolute;top:0;left:50%; height:50px; width:0; border-left:1px solid #ebebeb; display:none;}
.youshi .ysBox .em2{ display: block; position:absolute;left:0;top:50%; height:0px; width:350px; border-top:1px solid #ebebeb;display:none;}
.youshi .ysBox .em3{ display: block; position:absolute;right:0;top:50%; height:0px; width:350px; border-top:1px solid #ebebeb;display:none;}
.youshi .ysBox .em4{ display: block; position:absolute;bottom:0;left:50%; height:50px; width:0; border-left:1px solid #ebebeb;display:none;}

.about{ height: 584px; overflow: hidden; font-family:"Microsoft YaHei";}
.about dl{margin-top: 50px;}
.about dl dt{width: 584px;float: left;}
.about dl dd{float: right; width: 585px;}
.about dl dd h1{font-size: 54px; line-height: 48px;color: #d1d1d1;font-family: Arial;}
.about dl dd h2 a{font-size: 24px;line-height: 46px;color: #333;}
.about dl dd p{font-size: 14px; line-height: 32px; padding-top: 12px;text-indent:2em;}
.about dl dd span a{ margin-top: 16px; display: block;background:url(about_zx.jpg) no-repeat;height: 40px;line-height: 40px;width: 150px; text-align: center;font-size: 14px; color: #fff;}

.ys h2{ height:260px; background:url(ys_bt.png) no-repeat center top; overflow:hidden; text-align:center; color:#fff; font:66px "Microsoft Yahei";  padding-top:30px;}
.ys h2 em{font-weight:bold;}
.ys h2 span{ display:block; width:357px; height:59px; background:url(ysbj0.png) no-repeat center top; margin:8px auto 0; font:26px "Microsoft Yahei"; text-align:center; line-height:59px;}
.ys1{ height:441px; margin:0 0 11px 0; background:url(ys1.jpg) no-repeat center top;}
.ys1 dl{ width:550px; margin-top:45px;}
.ys1 dt{ background:url(ys_bj1.png) no-repeat left top; height:91px;}
.ys1 dt em{ display:inline-block; font:65px Impact; color:#fab885; float:left; width:80px; text-align:center; line-height:90px;}
.ys1 dt p{ float:left; font:29px "Microsoft Yahei"; font-weight:bold; color:#fff;}
.ys1 dt p i{ display:block; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fcb77d; padding-top:21px;}
.ys1 dd h3{ line-height:28px; padding-bottom:14px;font:28px "Microsoft Yahei"; font-weight:bold; color:#0054b2; background:url(ys_dot.png) repeat-x center bottom; width:470px; margin:40px 0 10px 0;}
.ys1 dd p{ font:16px "Microsoft Yahei"; line-height:28px; color:#000; background:url(ys_bj2.png) no-repeat left 8px; padding-left:30px; margin-top:8px;}
.ys1 dd p b{ color:#f57b04;}
.ys2{ background:url(ys2.jpg) no-repeat center top;}
.ys3{ background:url(ys3.jpg) no-repeat center top;}
.ys4{ background:url(ys4.jpg) no-repeat center top;}
.ys5{ background:url(ys5.jpg) no-repeat center top;}


.que{float: right; width:425px;}
.que_tit{ height: 57px; line-height: 57px; overflow: hidden;background:url(zx_l.jpg) no-repeat 0 bottom;}
.que_tit h2{font-size: 18px;background:url(day_tit.jpg) no-repeat 0 center; padding-left: 26px; }
.que_tit h2 a{color: #074fa0;}
 .que_tit h2 span a{font-size: 14px; color: #333;font-weight: normal;}
.que_by dl{font-size: 14px;padding:30px 0;border-bottom: 1px solid #cccccc;}
.que_by dl dt a{ color: #333;font-weight: bold; padding-left: 28px;height: 19px;line-height: 19px;background:url(que_w.jpg) no-repeat;}
.que_by dl dd{padding-left: 0px;height: 19px;line-height: 19px;background:url(que_d.jpg) no-repeat;}
.mmme{ width:145px; height:40px; background:#f67b04;  border-radius:15px; text-align:center; line-height:40px; color:#FFF; }



.mmmer{ width:190px; height:50px;  background:#FFF; margin:30px auto; border-radius: 20px; line-height:50px; text-align:center;}
.mmmer a{ width:190px; height:50px;  background:#FFF; margin:30px auto; border-radius: 20px; line-height:50px; text-align:center; display:block;}
.mmmer a:hover{ width:190px; height:50px;  background:#FFF; margin:30px auto; border-radius: 20px; line-height:50px; text-align:center; display:block; background:#f67b04; color:#FFF}
    
.mail{ width:100%; height:444px; background:url(mail.jpg) no-repeat center top; margin:0 auto; margin-top:20px;}
.mail_con{ width:1000px; height:444px; margin:0 auto}
    
		/* 本例子css */
		.picScroll-left{ overflow:hidden; position:relative; float:left;}
		.picScroll-left .bd{}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
		.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;}
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ display:block;}
		.picScroll-left .bd ul li .pic a:hover img{}
		.picScroll-left .bd ul li .title{ line-height:24px;}