body{font-family: '微软雅黑';font-size: 14px;}
a{text-decoration: none;color: #333;}

.header{background: #fff;height: 80px;left: 0;position: fixed;top: 0px;width: 100%;z-index: 99999;}
.max-mw{max-width: 1200px;margin: 0 auto;padding: 0;}
.logo{float: left;}
.logo a{display: block;}
.logo a img{width: 334px;margin: 0 auto;display: block;vertical-align: top;}

.menu{float: right;}
.menu-con{list-style: none;margin: 0;padding: 0;}
.menu-con .navs{float: left;}
.menu-con .navs a{font-family: '微软雅黑';font-size: 15px;color: #333;display: block;padding: 0 12px;line-height: 80px;}
.demo1{position: relative;text-decoration: none;}
.demo1:before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 4px;background: #ef3333;transition: all .3s;}
.demo1:hover:before{width: 100%;left: 0;right: 0;}


/*··········轮播·············*/
.banner{width:100%;height:auto;position: relative;overflow: hidden; margin:0 auto;z-index: 2;margin-top: 80px;}
.banner ol{ position:absolute; z-index:1;right: 50%;bottom: 15px;transform: translateX(50px);}
.banner ol li{float: left;width: 14px;height: 14px; color:#fff;text-align: center;line-height: 20px;margin-left: 20px;font-weight: bold; cursor: pointer;border-radius:7px ;background:#fff;}
.banner .cur{width: 30px;height: 14px;color:#fff;line-height: 30px;background: #fff;border-radius:7px ;}
.banner .all2{width: 500%;height: auto;position:relative; z-index:0;}
.banner .all2 li{width: 20%;height:auto;float: left;box-shadow:rgba(0,0,0,0.1) 0px 0px 14px 0px;position: relative;overflow: hidden;height: 560px;z-index: 3;}
.banner .all2 li span{left: 50%;margin-left: -980px;position: absolute;z-index: 2;}
.banner .all2 li span img{width: 1920px;margin: 0 auto;display: block;vertical-align: top;}

/*··········轮播结束·············*/


.b2{position: absolute;z-index: 10;margin: 0 auto;left: 0;right: 0;top:0;}
.b2-left{margin: 0 auto;text-align: center;padding: 0;}
.b2-left h2{margin: 0 auto;text-align: center;padding: 0;}
.b2-left h2 img{margin: 0 auto;text-align: center;display: block;vertical-align: top;}


.sscon{width: 100%;background: #eee;margin: 30px 0 50px 0;}
#sscon-con{width: 100%;margin: 0 auto;text-align: center;padding: 30px 0;}

#sscon-con input{float: left; font-size: 14px;color: #999;margin-right: 10px; height: 38px;padding: 0 10px;line-height: 38px;border: 1px solid #ccc;}
#sscon-con .m-name{width: 200px;margin-left: 17px;}
#sscon-con .m-call{width: 240px;}
#sscon-con .m-what{float: left; width: 400px;border: 1px solid #ccc;color: #999;font-size: 14px;height: 38px;padding: 0 10px;line-height: 38px;resize: none;margin-right: 10px;}
#sscon-con .m-sumbtn{display: block;float: left;background: url(../images/m-sumbtn.jpg) no-repeat;border: none;outline: none;color: #fff;font: 14px/40px "微软雅黑";cursor: pointer;width: 120px;height: 40px;line-height: 40px;margin-right: 10px;}
#sscon-con a{display: block;float: left;background: url(../images/m-sumbtn2.jpg) no-repeat;border: none;outline: none;color: #fff;font: 14px/40px "微软雅黑";cursor: pointer;width: 100px;height: 40px;line-height: 40px;text-decoration: none;position: relative;}
#sscon-con a em{width: 16px;position: absolute;top:4px;left: 10px;}
#sscon-con a em img{width: 16px;margin: 0 auto;}
#sscon-con a span{margin-left: 18px;}


.jzcon{width: 100%;background: url(../images/icon-jz.jpg) no-repeat center top;height: 660px;color: #fff;position: relative;}
.jzcon-tit{width: 100%;margin: 0 auto;text-align: center;padding: 60px 0 0 0;position: relative;}
.jzcon-tit h2{margin: 0 0 20px 0;text-align: center;line-height: 40px;}
.jzcon-tit h2 img{width: 429px;margin: 0 auto;vertical-align: top;}
.jzcon-tit p{font-family: '微软雅黑';font-size: 18px;color: #fff;line-height: 20px;margin: 0;padding: 0;letter-spacing: 2px;}

.jzcon-con{position: absolute;width: 1200px;top:200px;}
.jzcon-con dl{position: relative;width: 232px;height: 380px;overflow: hidden;float: left;margin-right: 10px;background: #e1e0de;}
.jzcon-con dl dt{width: 232px;height: 380px;background: rgba(255,255,255,0.8);}
.jzcon-con dl dd{position: absolute;top:0;left:0;}
.jzcon-con dl .d1{top:40px;left:20px;font-size: 20px;color: #ef3333;z-index: 5;width: 185px;line-height: 30px;}
.jzcon-con dl .d2{top:80px;left:20px;font-size: 14px;color: #333;z-index: 5; line-height: 26px;width: 185px;}
.jzcon-con dl .d3{top:152px;left:20px;width: 50px;height: 1px;background: #ef3333;z-index: 5;}
.jzcon-con dl .d4{top: 300px;left: 25px;z-index: 5;width: 181px;height: 112px;}
.jzcon-con dl:hover{background: rgba(0,0,0,0.6);}
.jzcon-con dl .t1{background: url(../images/icon-jz-01.png) no-repeat center center;}
.jzcon-con dl:hover .t1{top: 268px;background: url(../images/icon-jz-01_2.png) no-repeat center center;}
.jzcon-con dl .t2{background: url(../images/icon-jz-02.png) no-repeat center center;}
.jzcon-con dl:hover .t2{top: 268px;background: url(../images/icon-jz-02_2.png) no-repeat center center;}
.jzcon-con dl .t3{background: url(../images/icon-jz-03.png) no-repeat center center;}
.jzcon-con dl:hover .t3{top: 268px;background: url(../images/icon-jz-03_2.png) no-repeat center center;}
.jzcon-con dl .t4{background: url(../images/icon-jz-04.png) no-repeat center center;}
.jzcon-con dl:hover .t4{top: 268px;background: url(../images/icon-jz-04_2.png) no-repeat center center;}
.jzcon-con dl .t5{background: url(../images/icon-jz-05.png) no-repeat center center;}
.jzcon-con dl:hover .t5{top: 268px;background: url(../images/icon-jz-05_2.png) no-repeat center center;}

.alcon{width: 100%;margin: 0 auto;padding: 0;position: relative;height: 890px;}
.clcon-con{position: absolute;width: 1200px;height: 637px;top:170px;}
.clcon-con ul{list-style: none;margin: 0;padding: 0;}
.clcon-con ul li{position: absolute;width: 386px;top:0;left:0;}
.clcon-con ul li .u1-t{width: 386px;height: 260px; overflow: hidden;position: relative;}
.clcon-con ul li .u1-t span{display: block;width: 386px;height: 260px; margin: 0 auto;text-align: center;overflow: hidden;}
.clcon-con ul li .u1-t span img{width: 100%;margin: 0 auto;display: block;vertical-align: top;transition-duration: 1000ms;transition-timing-function: ease-out;transform: scale(1, 1);-webkit-transform: scale(1, 1);-webkit-transition-duration: 1000ms;-webkit-transition-timing-function: ease-out;}
.clcon-con ul li .u1-t p{position: absolute;top: 260px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);cursor: pointer;}
.clcon-con ul li .u1-t p em{display: block;width: 70px;height: 70px;background: rgba(255,255,255,0.5);border-radius: 35px;margin-top: 105px;margin: 0 auto;text-align: center;line-height: 60px;}
.clcon-con ul li .u1-t p em a{display: block;margin-top: 95px;}
.clcon-con ul li .u1-t p em a img{width: 40px;margin: 0 auto;display: block;padding-top: 15px;}
.clcon-con ul li h2{width: 100%;height: 48px;line-height: 48px;background: #eee;}
.clcon-con ul li h2 a{font-size: 16px;color: #333;display: block;padding: 0 10px;}

.clcon-con ul li:hover .u1-t span img{transition-duration: 1000ms;transition-timing-function: ease-out;transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-webkit-transition-duration: 1000ms;-webkit-transition-timing-function: ease-out;}
.clcon-con ul li:hover .u1-t p{top:0; 
	transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: All .6s ease-in-out;
    -webkit-transition: All .6s ease-in-out;
    -moz-transition: All .6s ease-in-out;
    -o-transition: All .6s ease-in-out;
    -ms-transition: All .6s ease-in-out;
}
.clcon-con ul li:hover h2 a{color: #ef3907;}

.clcon-con ul .u1{top: 0;left: 0;}
.clcon-con ul .u2{top: 0;left: 407px;}
.clcon-con ul .u3{top: 0;left: 814px;}
.clcon-con ul .u4{top: 329px;left: 0;}
.clcon-con ul .u5{top: 329px;left: 407px;}
.clcon-con ul .u6{top: 329px;left: 814px;}

.bnt-more{position: absolute;left: 0;right: 0;bottom: 0; margin: 0 auto;text-align: center;}
.bnt-more a{display: block;width: 160px;height: 40px;line-height: 40px;font-size: 14px;color: #ef3333;border: 1px solid #ef3333;border-radius: 10px;margin: 0 auto;text-align: center;-moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.bnt-more a:hover{background: #ef3333;color: #fff;}


.lccon{width: 100%;margin: 0 auto;padding: 0;position: relative;height: 450px;}
.lccon-con{position: absolute;width: 1200px; height: 250px;top: 200px;background: url(../images/lc.jpg) no-repeat center bottom;z-index: 10;}
.lccon-con ul{list-style: none;margin: 0;padding: 0;}
.lccon-con ul li{float: left;width: 20%;}
.lccon-n{padding: 0 20px;margin: 0 auto;text-align: center;}
.lccon-n h2{width: 100%;margin: 0 auto;text-align: center;}
.lccon-n h2 img{width: 42px;margin: 0 auto;display: block;vertical-align: top;}
.lccon-n p{font-size: 18px;color: #ef3333;line-height: 24px;margin: 0 auto;text-align: center;padding: 10px 0 13px 0;}
.lccon-n span{display: block;line-height: 24px;font-size: 14px;color: #333;margin: 0 auto;text-align: center;padding: 0;width: 100%;}

.footer{width: 100%;background: #0e0d10;margin: 50px 0 0 0;min-height: 300px;position: relative;}
.footer-con{width: 100%;margin: 0 auto;padding-top: 40px;}
.footer-con dl{float: left;}
.f1{width: 37%;}
.f2{width: 35%;}
.f3{width: 28%;}
.footer-con dl dt{font-size: 18px;color: #ccc;line-height: 24px;margin-bottom: 16px;}
.footer-con dl dd{font-size: 14px;color: #999;line-height: 28px;letter-spacing: 2px;}
.footer-con dl dd a{color: #999;}
.footer-con dl dd a:hover{color: #ddd;}
.f3 dt{margin-left: 50px;}
.f3 dd{margin-left: 50px;}
.f3 dd a{text-decoration: none;color: #999;}
.f3 dd a img{width: 54px;margin: 0 auto;vertical-align: top;}

.footer-b{width: 100%;margin-top: 40px;padding: 25px 0;border-top: 1px solid #1d1c1e;}
.footer-b p{margin: 0 auto;text-align: center;font-size: 14px;color: #999;line-height: 24px;}


.banner2{width: 100%;clear: both;overflow: hidden; position: relative;height: 400px;z-index: 3;border-bottom: 1px solid #ddd;margin-top: 80px;}
.banner2 span{left: 50%;margin-left: -980px;position: absolute;z-index: 5;}
.banner2 span img{width: 1920px;margin: 0 auto;display: block;vertical-align: top;}



.content{width: 100%;margin: 0 auto;padding: 0;min-height: 500px;margin-top: 40px;}
.case{width: 100%;margin: 0 auto;list-style: none;padding: 0;}
.case li{float: left;width: 33.3333%;}
.case-con{margin: 0 10px 20px 10px;}
.case-img{width: 100%;margin: 0 auto;text-align: center;overflow: hidden;}
.case-img a{display: block;}
.case-img a img{width: 100%;max-height:245px; margin: 0 auto;display: block;vertical-align: top;transition-duration: 1000ms;transition-timing-function: ease-out;transform: scale(1, 1);-webkit-transform: scale(1, 1);-webkit-transition-duration: 1000ms;-webkit-transition-timing-function: ease-out;}
.case-img a img:hover{transition-duration: 1000ms;transition-timing-function: ease-out;transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-webkit-transition-duration: 1000ms;-webkit-transition-timing-function: ease-out;}
.case-n{padding: 20px 10px;}
.case-n h2{font-size: 16px;color: #333;line-height: 24px;margin: 0 0 6px 0;height: 24px;overflow: hidden;}
.case-n h2 a{text-decoration: none;color: #333;}
.case-n p{font-size: 14px;color: #999;line-height: 24px;margin: 0;font-style: italic;}
.case-n p span{font-size: 12px;color: #666;letter-spacing: 2px;}
.case-n p em{font-size: 12px;color: #999;font-style: italic;}
.case-m{position: relative;}
.case-m:after{content:'';left:0;bottom:-10px;position:absolute;float:none;width:50px;border-bottom:3px #ef3333 solid;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.case li:hover .case-m:after{content:'';width: 100%;}

.case-list{width: 100%;margin: 0 auto;background: #eee;padding: 0 0 50px 0;min-height: 500px;}
.case-list-tit{width: 100%;margin: 0 auto;padding: 30px 0;border-bottom: 1px solid #ccc;position: relative;z-index: 2;}
.case-list-tit h1{float: left;width: 100px;height: 30px;line-height: 30px;text-align: center;margin: 0 auto;border: 1px solid #ccc;border-radius: 5px;font-size: 14px;color: #666;margin: 0 auto;padding: 0;}
.case-list-tit h1 span{display: block;cursor:pointer;}
.case-list-tit h2{font-size: 20px;font-weight: bold;color: #333;line-height: 32px;position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;z-index: -1;}
.case-list-tit p{float: right;width: 120px;height: 30px;line-height: 30px;border: 1px solid #333;text-align: center;border-radius: 5px;}
.case-list-tit p a{font-size: 14px;color: #333;margin: 0 auto;text-align: center;line-height: 30px;text-decoration: none;display: block;}
.case-list-tit p:hover{border: 1px solid #ef3333;border-radius: 5px;}
.case-list-tit p:hover a{color: #fff;background: #ef3333;-moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.case-list-con{background: #fff;padding: 50px 70px;margin: 0 auto;text-align: center;}
.case-list-con p{width: 100%;margin: 0 auto;text-align: center;margin-bottom: 20px;}
.case-list-con p img{width: 100%;margin: 0 auto;display: block;vertical-align: top;}

.recommended{background: #fff;margin: 0 auto;padding: 30px;border-top: 1px solid #ccc;}
.recommended-l{float: left;width: 10%;margin-top: 56px;}
.recommended-l p{font-size: 18px;color: #ef3333;line-height: 30px;margin: 0 auto;text-align: center;position: relative;top:50%;}

.recommended-n{float: left;width: 75%;}
.recommended-n ul{list-style: none;margin: 0;padding: 0;}
.recommended-n ul li{float: left;width: 25%;position: relative;}
.recommended-n ul li a{display: block;margin: 0 10px;}
.recommended-n ul li a img{width: 100%;margin: 0 auto;display: block;vertical-align: top;}
.recommended-n ul li a span{display: block;margin: 0 auto;text-align: center;font-size: 14px;color: #fff;line-height: 30px;position: absolute;bottom: 0;left: 10px;right: 10px;background: rgba(0,0,0,0.5);}

.recommended-r{float: left;width: 15%;margin-top: 56px;}
.recommended-r span{display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;margin: 0 auto;border: 1px solid #333;border-radius: 5px;cursor:pointer;}
.recommended-r span:hover{color: #fff;background: #ef3333;-moz-transition: all 0.6s ease-in-out;border: 1px solid #ef3333;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}


.contact-l{float: left;width: 50%;}
.contact-l-left{float: left;width: 55%;}
.contact-l-left dl{width: 100%;margin: 0 auto;padding: 0;}
.contact-l-left dl dt{font-size: 20px;font-weight: bold;color: #555;line-height: 30px;margin: 0 0 20px 0;}
.contact-l-left dl dd{font-size: 14px;color: #666;line-height: 26px;margin: 0;}
.contact-l-left dl dd a{text-decoration: none;margin: 10px 0 0 0;}
.contact-l-left dl dd a img{width: 38px;margin: 0 auto;vertical-align: top;padding: 15px 0 0 0;}

.contact-l-right{float: right;width: 45%;}
.contact-l-right dl{width: 100%;margin: 0 auto;padding: 0;height: 180px;}
.contact-l-right dl dt{font-size: 20px;font-weight: bold;color: #555;line-height: 30px;margin: 0 0 20px 0;}
.contact-l-right dl dd{font-size: 14px;color: #666;line-height: 26px;margin: 0;}
.contact-l-right dl dd a{display: block;width: 120px;height: 30px;line-height: 30px;text-align: center; border: 1px solid #666;border-radius: 5px;text-decoration: none;color: #666;margin-top: 20px;}
.contact-l-right dl dd a:hover{color: #fff;background: #ef3333;-moz-transition: all 0.6s ease-in-out; border: 1px solid #ef3333;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;}
.contact-l-right dl dd img{width: 130px;margin: 0 auto;vertical-align: top;}


.contact-r{float: right;width: 46%;}
.cf{list-style: none;margin: 0;padding: 0;}
.cf h2{font-size: 20px;font-weight: bold;color: #555;margin: 0 0 20px 0;line-height: 30px;}
.cf li{margin: 0 0 20px 0;}
.cf1{float: left;width: 50%;}
.cf .cf1 input {border: 1px solid #ddd;border-radius: 5px;line-height: 40px;height: 40px;font-size: 1.1em;padding: 0 10px;width: 86%;font-family: "Microsoft YaHei";display: inline-block;}
.contact-select {width: 400px;border: 1px solid #ddd;border-radius: 5px;line-height: 40px;background: #fff;height: 40px;position: relative;}
.contact-select dt{margin-right: 1px;padding: 0;cursor: pointer;position: relative;}
.contact-select dt b {padding-left: 10px; margin-right: 0;font-size: 1.1em;color: #828283;}
.contact-select dt i{width: 20px;height: 14px;position: absolute;transition: 0.3s all ease-in-out;top: 4%;right: 10px;}
.contact-select dt i img{width: 20px;margin: 0 auto;}
.contact-select dd {position: absolute;max-height: 200px;z-index: 102;overflow-y: auto;padding: 0 0;overflow-x: hidden;top: 100%;background: #fff;opacity: 1;border: 1px solid #ddd;border-radius: 5px;left: -1px;right: -1px;}
.contact-select dd a{display: block;line-height: 2;color: #333;font-weight: normal;white-space: normal;padding: 0 10px;margin-top: 0px;}
.contact-select dd a:hover{background: #f0f0f0;}

.cf .email input {border: 1px solid #ddd;border-radius: 5px;line-height: 40px;height: 40px;font-size: 1.1em;padding: 0 10px;width: 93%;font-family: "Microsoft YaHei";display: inline-block;}
.cf .txt textarea{border: 1px solid #ddd;border-radius: 5px;height: 4.5em;line-height: 1.5;font-size: 1.1em;padding: 10px;width: 93%;font-family: "Microsoft YaHei";display: inline-block;}
.cf .yz input {border: 1px solid #ddd;border-radius: 5px;line-height: 40px;height: 40px;font-size: 1.1em;padding: 0 10px;width: 25%;font-family: "Microsoft YaHei";display: inline-block;float: left;}
#forget_code_img{float: left;width: 96px;height: 40px;margin: 0 15px;border-radius: 5px;overflow: hidden;}
.cf .yz a{float: left;line-height: 40px;color: #333;display: block;}
.cf .but{border: 0;width: 140px;background: #ef3333;color: #fff;margin: 0;line-height: 40px;height: 40px;font-size: 1.1em;font-family: "Microsoft YaHei";border-radius: 5px;}

.contact-zf{width: 100%;margin: 0 auto;padding: 0;}
.contact-zf dl{float: left;}
.zf1{width: 25%;}
.zf2{width: 32%;}
.zf3{width: 43%;}
.contact-zf dl dt{font-size: 18px;color: #555;font-weight: bold;line-height: 30px;margin: 0 0 20px 0;}
.contact-zf dl dd{font-size: 14px;line-height: 26px;color: #666;margin: 0;padding: 0;}
.contact-zf-con{width: 100%;margin: 0 auto;padding: 0;margin-top: 40px;}
.contact-zf-con dl{width: 100%;margin: 0 auto;padding: 0;}
.contact-zf-con dl dt{font-size: 18px;color: #555;font-weight: bold;line-height: 30px;margin: 0 0 20px 0;}
.contact-zf-con dl dd{font-size: 14px;line-height: 26px;color: #666;margin: 0;padding: 0;}

.news{width: 100%;margin: 0 auto;padding: 0;}
.news ul{list-style: none;margin: 0;padding: 0;}
.news ul li{float: left;width: 33.3333%;margin: 0 0 20px 0;}
.news ul li a{display: block;margin: 0 10px;text-decoration: none;}
.news-img{width: 100%;height: 218px;margin: 0 auto;padding: 0;position: relative;overflow: hidden;}
.news-img img{width: 100%;height: 218px; margin: 0 auto;vertical-align: top;display: block;}
.news ul li span{display: block;padding-left: 20px;background: url(../images/shijian.png) 0 50% no-repeat;font-size: 14px;color: #999;font-family: 'fontEn';letter-spacing: 2px;line-height: 24px;margin: 20px 0 0 0;}
.news ul li p{font-size: 16px;color: #333;transition: all 0.2s;line-height: 40px;height: 40px; word-break: break-all; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.news ul li a:hover p{color: #ef3333;}

.news-list-tit{width: 100%;margin: 0 auto;padding: 20px 0 0 0;margin-top: 80px;}
.news-list-tit p{font-size: 14px;color: #666;line-height: 24px;margin: 0;padding: 0;}
.news-list-tit p a{font-size: 14px;color: #666;text-decoration: none;}
.news-list-tit p a:hover{color: #222;}
.news-list-con{margin: 20px 0 0 0;border: 1px solid #e1e1e1;padding: 40px;background: #fff;}
.news-list-con-t{width: 100%;margin: 0 0 30px 0;padding: 0 0 20px 0;border-bottom: 1px solid #ececec;text-align: center;}
.news-list-con-t h2{font-size: 30px;color: #444;line-height: 40px;margin: 0 0 15px 0;padding: 0;text-align: center;}
.news-list-con-t p{font-size: 12px;color: #999;line-height: 24px;margin: 0 auto;padding: 0;}
.news-list-con-t p span{font-size: 12px;color: #999;padding: 0 15px;}
.news-list-con-n{width: 100%;margin: 0 auto;margin-bottom: 20px;padding: 0 0 20px 0;border-bottom: 1px solid #ececec;}
.news-list-con-n p{font-size: 14px;color: #666;line-height: 26px;text-indent: 2em;margin: 0;padding: 10px 0;}
.news-list-con-n img{width: 80%;margin: 0 auto;text-align: center;vertical-align: top;}
.pian{width: 100%;margin: 0 auto;padding: 0;}
.pian p{font-size: 14px;color: #666;line-height: 30px;margin: 0;}
.pian p a{text-decoration: none;font-size: 14px;color: #333;}
.pian p a:hover{color: #ef3333;}
.cn{width: 100%;margin: 0 auto;text-align: center;padding: 0;}
.cn h2{font-size: 30px;font-weight: bold;color: #333;line-height: 40px;margin: 60px 0 40px 0; padding: 0;letter-spacing: 2px;}

.lx{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;text-align: center;z-index: 10;}
.lx h2{font-size: 44px;color: #fff;line-height: 60px;margin: 150px 0 20px 0;letter-spacing: 4px;}
.lx p{font-size: 20px;color: #eee;line-height: 40px;margin: 20px 0 0 0;letter-spacing: 4px;}

.xw{position: absolute;top: 84px;left: 0;right: 0;margin: 0 auto;text-align: center;z-index: 10;width: 698px;height: 232px;background: rgba(255,255,255,0.1);box-shadow: 8px 5px 14px 2px rgba(43, 43, 43, .5);
}
.xw h2{font-size: 44px;color: #fff;margin: 0 auto;text-align: center;padding: 60px 0 30px 0;line-height: 60px;letter-spacing: 6px;}
.xw p{font-size: 20px;color: #fff;font-family: 'Arial'; margin: 0 auto;text-align: center;padding: 0;line-height: 30px;letter-spacing: 4px;}

.al{position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;text-align: center;z-index: 10;}
.al h2{font-size: 44px;color: #fff;line-height: 50px;margin: 0 auto;text-align: center;padding: 0 0 20px 0;letter-spacing: 2px;}
.al p{font-size: 20px;color: #eee;line-height: 20px;margin: 0 auto;text-align: center;padding: 0 0 20px 0;letter-spacing: 2px;}
.al em{display: block;width: 769px;margin: 0 auto;text-align: center;}
.al em img{width: 769px;margin: 0 auto;display: block;vertical-align: top;}

.gy{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;text-align: center;max-width: 1200px;z-index: 10;}
.gy h2{font-size: 44px;color: #fff;line-height: 60px;margin: 160px 0 20px 0;letter-spacing: 6px;}
.gy p{font-size: 20px;color: #eee;line-height: 40px;margin: 20px 0 0 0;letter-spacing: 4px;}

.jz-box{position: absolute;top: 0;left: 0;right: 0; margin: 0 auto;max-width: 1200px; z-index: 10;}
.jz-t{margin: 0 auto;padding: 0;}
.jz{float: left;margin: 0 0 0 20px;padding: 0;text-align:left;}
.jz h2{font-size: 44px;font-weight: 600; color: #fff;line-height: 60px;margin: 80px 0 30px 0;letter-spacing: 10px;}
.jz p{font-size: 20px;color: #eee;line-height: 40px;margin: 10px 0 0 0;letter-spacing: 4px;}
.jz a{display: block; width: 160px;line-height: 40px;height: 40px;text-align: center;font-size: 16px;color: #fff;border: 1px solid #fff;border-radius: 20px;margin: 22px 0 0 0;letter-spacing: 2px;
	-moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.jz a:hover{background: #fff;color: #333;}
.jz-con{float: right;margin: 20px 30px 0 0;padding: 0;}
.jz-con img{width: 380px;margin: 0 auto;display: block;vertical-align: top;}

.xcx-box{position: absolute;top: 0;left: 0;right: 0; margin: 0 auto;max-width: 1200px; z-index: 10;}
.xcx-t{margin: 0 auto;padding: 0;}
.xcx{float: left;margin: 0 0 0 20px;padding: 0;}
.xcx h2{font-size: 44px;font-weight: 600;color: #fff;line-height: 60px;margin: 80px 0 30px 0;letter-spacing: 2px;}
.xcx p{font-size: 20px;color: #eee;line-height: 40px;margin: 10px 0 0 0;letter-spacing: 2px;}
.xcx a{display: block; width: 160px;line-height: 40px;height: 40px;text-align: center;font-size: 16px;color: #fff;border: 1px solid #fff;border-radius: 20px;margin: 20px 0 0 0;letter-spacing: 2px;
	-moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.xcx a:hover{background: #fff;color: #333;}
.xcx-con{float: right;margin: 10px 30px 0 0;padding: 0;}
.xcx-con img{width: 450px;margin: 0 auto;display: block;vertical-align: top;}

.h5-box{position: absolute;top: 0;left: 0;right: 0; margin: 0 auto;max-width: 1200px; z-index: 10;}
.h5-con{margin: 0 auto;padding: 0;}
.h5-l{float: left;margin: 0 0 0 20px;padding: 0;}
.h5-l h2{font-size: 44px;font-weight: 600;color: #fff;line-height: 66px;margin: 80px 0 30px 0;letter-spacing: 6px;}
.h5-l p{width: 450px;height: 1px;background: #fff;margin: 0;padding: 0;}
.h5-l em{display: block;font-size: 20px;color: #eee;line-height: 40px;margin: 10px 0 0 0;letter-spacing: 2px;}
.h5-r{float: right;margin: 60px 30px 0 0;padding: 0;}
.h5-r img{width: 600px;margin: 0 auto;display: block;vertical-align: top;}

.yd-box{position: absolute;top: 0;left: 0;right: 0; margin: 0 auto;max-width: 1200px; z-index: 10;}
.yd-con{margin: 0 auto;padding: 0;}
.yd-l{float: left; margin: 0 0 0 20px;padding: 0;}
.yd-l h2{font-size: 44px;font-weight: 600;color: #fff;line-height: 60px;margin: 80px 0 30px 0;letter-spacing: 4px;}
.yd-l p{width: 450px;height: 1px;background: #fff;margin: 0;padding: 0;}
.yd-l em{display: block;font-size: 20px;color: #eee;line-height: 40px;margin: 15px 0 0 0;letter-spacing: 1px;}
.yd-r{float: right;margin: 40px 30px 0 0;padding: 0;}
.yd-r img{width: 550px;margin: 0 auto;display: block;vertical-align: top;}

.content2{width: 100%;margin: 0 auto;padding: 0; min-height: 500px;margin-top: 80px;position: relative;}



/*······服务············*/
.service-con{width: 100%;margin: 0 auto;padding: 0;list-style: none;}
.service-con li{float: left;width: 33.3333%;position: relative;}
.service-con li a{width: 100%;display: block;}
.service-img{width: 100%;margin: 0 auto;text-align: center;overflow: hidden;}
.service-img img{width: 100%;margin: 0 auto;display: block;vertical-align: top;transition-duration: 1000ms;transition-timing-function: ease-out;transform: scale(1, 1);-webkit-transform: scale(1, 1);-webkit-transition-duration: 1000ms;-webkit-transition-timing-function: ease-out;}
.service-img img:hover{transition-duration: 1000ms;transition-timing-function: ease-out;transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-webkit-transition-duration: 1000ms;-webkit-transition-timing-function: ease-out;}
.service-n{position: absolute;left: 0;right: 0;top: 330px; margin: 0 auto;text-align: center;}
.service-n h2{display: inline-block;font-size: 30px;font-weight: bold;color: #fff;line-height: 50px;border-bottom: 2px solid #fff;border-top: 2px solid #fff;margin: 0;}
.service-n p{width: 60%;font-size: 14px;color: #fff;line-height: 24px;margin: 0 auto;text-align: center; padding: 10px 0 0 0;}
.sliding{position: relative;left: 0;bottom: 0;}
.sliding:after{content:'';left:0;bottom:0;position:absolute;float:none;width:0;border-bottom:6px #ef3333 solid;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.service-con li:hover .sliding:after{content:'';width: 100%;}


/*·········关于页面········*/
.about{width: 100%;margin: 0 auto;padding:60px 0 30px 0;background: #fff;}
.about-con{max-width: 1200px;margin: 0 auto;padding: 0;}
.about-left{float: left;width: 54%;margin: 0 auto;}
.about-left h2{font-size: 24px;color: #333;font-weight: 600;line-height: 30px;margin: 0;padding:20px 0;letter-spacing: 2px;}
.about-left p{font-size: 14px;color: #444;line-height: 30px;margin: 0;padding-bottom: 10px;}
.about-right{float: right;width: 40%;}
.about-right img{display: block;width: 100%;margin: 0 auto;vertical-align: top;}

.about3{width: 100%;padding: 0 0 60px 0;}
.about3-con{max-width: 1200px;margin: 0 auto;padding: 0;}
.about3-tit{width: 100%;margin: 0 0 25px 0;padding: 0;}
.about3-tit h2{font-size: 24px;color: #333;font-weight: 600;line-height: 30px;margin: 0;padding:20px 0;letter-spacing: 2px;}
.about3-tit p{font-size: 14px;color: #444;line-height: 30px;margin: 0;padding: 0;}


/*·········二级栏目········*/
.custom{width: 100%;margin: 0 auto;padding: 0;border-bottom: 1px solid #e7e7e7;margin-bottom: 40px;margin-top: 40px;}
.custom-com{max-width: 1200px;margin: 0 auto;padding: 0;}
.custom-left{float: left;list-style: none;margin: 0;padding: 0;}
.custom-left .custom-na{float: left;line-height: 57px;}
.custom-left .custom-na a{font-size: 16px;color: #333;margin: 0 auto;padding: 0 20px;display: block;}
.custom-left .custom-na a:hover{color: #ef3333;}
.custom-left .custom-on a{font-size: 16px;color: #ef3333;margin: 0 auto;padding: 0 20px;display: block;border-bottom: 3px solid #ef3333;}

.custom-right{float: right;margin: 12px 0;}
.custom-right p{height: 34px;line-height: 34px;background: #fff;border: 1px solid #ddd;border-radius: 17px;margin: 0 auto;}
#keywords{float: left;width: 230px;height: 34px;line-height: 34px; padding: 0 15px;border: 0;outline-style: none;border-radius: 17px 0 0 17px;font-size: 14px;color: #666;font-family: '微软雅黑';}
#search_mtempbtn{float: left;width: 50px;height: 34px;background: url(../images/ss.png) no-repeat;outline-style: none;border: none;}

/*·········定制页面········*/
#ksdz{position: relative;width: 1200px;min-height: 500px;margin: 0 auto;text-align: center;}
.ksdz-left{float: left;width: 710px;}
#searchbar_products{height: 1250px;width: 710px;margin: 0 auto;padding: 0;}
#searchbar_products2{height: 2370px;width: 710px;margin: 0 auto;padding: 0;}
.ksdz-right{float: right;width: 430px;}
.ksdz-right-t{height:30px;line-height: 30px;text-align: left;font-size: 14px;font-weight: bold;color: #424242;border: 1px solid #e0e0e0;padding-left: 15px;letter-spacing: 2px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #e8edf0));
	background-image: -moz-linear-gradient(top, #ffffff 50%,#e8edf0 100%);
    background-image: -webkit-linear-gradient(top, #ffffff 50%,#e8edf0 100%);
    background-image: linear-gradient(to bottom, #ffffff 50%,#e8edf0 100%);
}
.ksdz-right-n{margin: 0 auto;text-align: center;padding: 0;list-style: none;}
.ksdz-right-n li{border: 1px solid #e0e0e0;padding: 20px 0 0 0;}
.ksdz-right-n li a{display: block;}
.ksdz-right-n li a p{margin: 0 20px 20px 20px;overflow: hidden;}
.ksdz-right-n li a p img{width: 100%;margin: 0 auto;text-align: center;display: block;vertical-align: top;
	transition-duration: 1000ms;
    transition-timing-function: ease-out;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -webkit-transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-out;
}
.ksdz-right-n li a:hover p img{
	transition-duration: 1000ms;
    transition-timing-function: ease-out;
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -webkit-transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-out;
}
.ksdz-right-n li a:hover span{color: #ef3907;}
.ksdz-right-n li a span{display: block;line-height: 40px;height: 40px;font-size: 14px;color: #333;margin: 0 auto;border-top: 1px solid #e0e0e0;padding: 0 20px;}


.tom{width: 100%;margin: 0 auto;padding: 0;}
.tom-tit{max-width: 1200px; margin: 0 auto;font-size: 16px;color: #ef3333;line-height: 30px;padding: 10px 0 20px 0;}
.tom-con{max-width: 1200px;margin: 0 auto;list-style: none;padding: 0;}
.tom-con li{float: left;width: 25%;margin-bottom: 20px;}
.tom-box{display: block;margin: 0 10px;border: 1px solid #ddd;border-radius: 10px;}
.tom-t{width: 100%;margin: 0 auto;text-align: center;padding: 0;position: relative;}
.tom-t h2{font-size: 16px;color: #fff;line-height: 30px;padding: 40px 0 0 0;margin: 0;border-radius: 10px 10px 0 0;}
.tom-t p{font-size: 14px;font-weight: bold;color: #fff;line-height: 24px;padding: 5px 0 80px 0;margin: 0 0 70px 0;}
.tom-t span{display: block;position: absolute;left:0;right: 0;bottom: -60px;margin: 0 auto;text-align: center;width: 120px;height: 120px;line-height: 120px;font-size: 16px;color: #fff;border-radius: 60px;box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.2);
 }
.tom-b{width: 100%;margin: 0 auto;text-align: center;padding: 0;border-top: 1px solid #ddd;}
.tom-b p{width: 80%;height: 40px;line-height: 40px;border-radius: 20px;margin: 20px auto;text-align: center;font-size: 16px;color: #fff;font-weight: 400;box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);cursor: pointer;}

.tom1{background: #76bb50;}
.tom2{background: #76bb50;background: linear-gradient(180deg,#71ca55,#47b42c);}
.tom3{background: #e56526;}
.tom4{background: #e56526;background: linear-gradient(180deg,#ff864a,#ee4d00);}
.tom5{background: #3974ab;}
.tom6{background: #3974ab;background: linear-gradient(180deg,#4c9fcf,#2779b8);}
.tom7{background: #8824c8;}
.tom8{background: #8824c8;background: linear-gradient(180deg,#ab3ff1,#7e00cf);}
.tom9{background: #fdc736;}
.tom10{background: #fdc736;background: linear-gradient(180deg,#ffc529,#ffba00);}
.tom11{background: #98af00;}
.tom12{background: #98af00;background: linear-gradient(180deg,#beda05,#95b000);}
.tom13{background: #f93eb5;}
.tom14{background: #f93eb5;background: linear-gradient(180deg,#ff79ce,#ff2fb7);}
.tom15{background: #05cdd9;}
.tom16{background: #05cdd9;background: linear-gradient(180deg,#7cf5fc,#00d2df);}

.tom-n{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);margin: 0 auto;top: 0;left: 0;right: 0;z-index: 100000;}
.tom-n-con{position: relative;width: 55%;height: 420px;background: #fff;margin: 0 auto;top: 150px;left: 0;right: 0;z-index: 999;}
.close{float: right;width: 40px;height: 40px;background: url(../images/none-1.png) no-repeat;cursor: pointer;}
.tom-l{float: left;width: 50%;margin: 60px 0 0 0;}
.tom-l .mes{width: 300px;line-height: 26px;font-size: 12px;color: #999; border: 1px solid #ddd;padding: 0 10px;margin: 0 0 10px 30px;}
.tom-l .ipt{width: 300px;line-height: 26px;height: 80px; font-size: 12px;color: #999; border: 1px solid #ddd;padding: 0 10px;margin: 0 0 10px 30px;}
.tom-r{float: right;width: 50%;margin-top: 18px;}
.tom-r .chose{font-size: 14px;color: #333;line-height: 34px;margin-right: 10px;}
.tom-r strong{font-size: 14px;line-height: 30px;}
.tijiao{margin: 0 auto;text-align: center;padding: 15px 0 0 0;}
.tijiao .bot{width: 100px;line-height: 30px;height: 30px;margin: 0 10px;padding: 0;text-align: center;font-size: 14px;color: #fff;background: #ef3333;border: 0;border-radius: 5px;background: linear-gradient(180deg,#fd7474,#ef3333);}

/*········网站建设········*/
.site{max-width: 1200px;margin: 0 auto;padding: 0;}
.site-t{width: 100%;margin: 80px 0;padding: 0;}
.site-t h2{font-size: 34px;color: #333;line-height: 40px;margin: 0 0 38px 0;}
.site-t p{font-size: 14px;color: #333;line-height: 24px;margin: 0 0 10px 0;}
.site-b{width: 100%;margin: 0 auto;text-align: center;padding: 0;}
.site-b img{width: 100%;margin: 0 auto;display: block;vertical-align: top;}

.site2{width: 100%;overflow: hidden;background: url(../images/site-02.jpg) no-repeat center;}
.site2-con{max-width: 800px;margin: 60px auto;padding: 50px 0;min-height: 100px;background: #000;}
.site2-con h2{font-size: 30px;font-weight: bold;color: #fff;margin: 0 0 20px 0;line-height: 36px;text-align: center;padding-top: 10px;letter-spacing: 2px;}
.site2-con p{font-size: 14px;color: #fff;margin: 0 auto;text-align: center; line-height: 26px;letter-spacing: 2px;}

.site3{width: 100%;margin: 0 auto;padding: 60px 0;}
.site3-con{max-width: 1200px;margin: 0 auto;padding: 0;}
.site3-left{float: left;width: 48%;}
.site3-left h2{font-size: 30px;color: #333;line-height: 34px;margin: 60px 0 20px 0;padding: 0;}
.site3-left p{font-size: 14px;color: #555;line-height: 30px;margin: 0;padding: 0;}
.site3-right{float: right;width: 50%;}
.site3-right img{width: 100%;margin: 0 auto;display: block;vertical-align: top;}

.site4{width: 100%;margin: 0 auto;padding: 60px 0;background: #eee;}
.site4-con{max-width: 1200px;margin: 0 auto;padding: 0;}
.site4-left{float: left;width: 50%;}
.site4-left img{width: 100%;margin: 0 auto;display: block;vertical-align: top;}
.site4-right{float: right;width: 48%;}
.site4-right h2{font-size: 30px;color: #333;line-height: 34px;margin: 110px 0 20px 0;padding: 0;}
.site4-right p{font-size: 14px;color: #555;line-height: 30px;margin: 0;padding: 0;}

.site5{width: 100%;margin: 0 auto;padding: 60px 0;}
.site5-con{max-width: 1200px;margin: 0 auto;padding: 0;}
.site5-tit{font-size: 36px;color: #333;line-height: 40px;margin: 20px 0 40px 0;text-align: center;}

.site2-t{max-width: 1200px;margin: 0 auto;padding: 0;}
.site2-title{font-size: 30px;color: #fff;margin: 0 auto;text-align: center;line-height: 60px;width: 240px;height: 60px;background: #3bb9af;    border-radius: 30px;}
.site2-t-n{width: 100%;list-style: none;margin: 40px 0 0 0;padding: 0;}
.site2-t-n li{float: left;width: 33.3333%;margin-bottom: 20px;}
.site2-t-n li a{display: block;padding: 0 10px;}
.site2-t-nimg{width: 100%;margin: 0 auto;padding: 0;overflow: hidden;}
.site2-t-nimg img{width: 100%;margin: 0 auto;display: block;vertical-align: top;transition-duration: 1000ms;transition-timing-function: ease-out;transform: scale(1, 1);-webkit-transform: scale(1, 1);-webkit-transition-duration: 1000ms;-webkit-transition-timing-function: ease-out;}
.site2-t-nm{width: 100%;margin: 0 auto;padding: 10px 0;}
.site2-t-nm h2{font-size: 20px;color: #333;line-height: 40px;height: 40px; margin: 0 0 5px 0;padding: 0 0 5px 0;border-bottom: 1px solid #ef3333;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.site2-t-nm p{font-size: 14px;color: #666;line-height: 24px;height: 48px; margin: 0;padding: 0;    word-break: break-all;
    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.site2-t-n li a:hover .site2-t-nm h2{color: #ef3333;}
.site2-t-n li a:hover .site2-t-nimg img{transition-duration: 1000ms;transition-timing-function: ease-out;transform: scale(1.2, 1.2);-webkit-transform: scale(1.2, 1.2);-webkit-transition-duration: 1000ms;-webkit-transition-timing-function: ease-out;}

.small-1{max-width: 1200px;margin: 0 auto;padding: 0;}
.small-1-tit{width: 100%;margin: 0 auto;padding: 20px 0 40px 0;text-align: center;}
.small-1-tit h2{font-size: 30px;color: #333;line-height: 40px;margin: 0 0 15px 0;padding: 0;}
.small-1-tit p{font-size: 14px;color: #666;line-height: 20px;margin: 0;padding: 0;}
.small-1-n{width: 100%;margin: 0 auto;padding: 0;list-style: none;margin-bottom: 30px;}
.small-1-n li{float: left;width: 20%;margin: 0 0 20px 0;}
.small-1-n li a{display: block;padding: 0 10px;margin: 0 auto;text-align: center;}
.small-1-n li a span{background: url(../images/small-01.png)no-repeat center;width: 100px;height: 100px;display: block;
    margin: 0 auto;text-align: center;transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;-o-transition: All 0.3s ease-in-out;
}
.small-1-n li a:hover span{z-index: 10; display: block; cursor: pointer; transform: rotate(360deg); transition: All 0.3s ease-in-out;  -webkit-transition: All 0.3s ease-in-out;-moz-transition: All 0.3s ease-in-out;  -o-transition: All 0.3s ease-in-out;  -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  -o-transform: rotate(360deg);  -ms-transform: rotate(360deg); cursor: pointer;
}
.small-1-n li a p{font-size: 14px;color: #333;line-height: 24px; margin: 15px 0; display: block;}
.small-1-n .dt1{background-position: 0 0;display: block;}
.small-1-n .dt2{background-position: -100px 0;display: block;}
.small-1-n .dt3{background-position: -200px 0;display: block;}
.small-1-n .dt4{background-position: -300px 0;display: block;}
.small-1-n .dt5{background-position: -400px 0;display: block;}
.small-1-n .dt6{background-position: -500px 0;display: block;}
.small-1-n .dt7{background-position: -600px 0;display: block;}
.small-1-n .dt8{background-position: -700px 0;display: block;}
.small-1-n .dt9{background-position: -800px 0;display: block;}
.small-1-n .dt10{background-position: -900px 0;display: block;}

.small-2{width: 100%;margin: 0 auto;padding: 60px 0;background: #eee;}
.small-2-box{max-width: 1200px;margin: 0 auto;padding: 0;}
.small-2-tit{font-size: 30px;color: #333;line-height: 40px;margin: 0 auto;text-align: center;padding: 0 0 40px 0;}
.small-2-con{width: 100%;margin: 0 auto;padding: 0;list-style: none;}
.small-2-con li{float: left;width: 25%;}
.small-2-n{display: block;padding: 40px 30px 30px 30px;margin: 0 10px;text-align: center;background: #fff;}
.small-2-n span{background: url(../images/small-02.png)no-repeat center;width: 140px;height: 140px;display: block;
    margin: 0 auto;text-align: center;transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;-o-transition: All 0.3s ease-in-out;}
.small-2-con li:hover span{z-index: 10; display: block; cursor: pointer; transform: rotate(360deg); transition: All 0.3s ease-in-out;  -webkit-transition: All 0.3s ease-in-out;-moz-transition: All 0.3s ease-in-out;  -o-transition: All 0.3s ease-in-out;  -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  -o-transform: rotate(360deg);  -ms-transform: rotate(360deg); cursor: pointer;}
.small-2-n h2{font-size: 20px;color: #333;line-height: 30px;margin: 15px 0;padding: 0;}
.small-2-n p{font-size: 14px;color: #666;line-height: 20px;height: 40px;overflow: hidden; margin: 15px 0;padding: 0;}
.small-2-n .dt-t1{background-position: 0 0;display: block;}
.small-2-n .dt-t2{background-position: -140px 0;display: block;}
.small-2-n .dt-t3{background-position: -280px 0;display: block;}
.small-2-n .dt-t4{background-position: -420px 0;display: block;}

.small-3{width: 1200px;margin: 0 auto;padding: 60px 0;}
.small-3-box{width: 100%;margin: 0 auto;padding: 0;}
.small-3-con{float: left;width: 25%;margin: 0 auto;margin-bottom: 10px;}
.small-3-n{display: block;margin: 0 5px;border: 1px solid #ddd;}
.small-3-t{width: 100%;margin: 0 auto;text-align: center; padding: 0;position: relative;}
.small-3-t h2{width: 100%; height: 120px;margin: 0 auto;text-align: center;padding: 0;}
.small-3-t .dt-n1{background-color: #06e5f8;background: linear-gradient(-90deg,#3eb5f8,#06e5f8);}
.small-3-t .dt-n2{background-color: #f8788b;background: linear-gradient(90deg,#f8c84c,#f8788b);}
.small-3-t .dt-n3{background-color: #f65589;background: linear-gradient(-90deg,#f26768,#f65589);}
.small-3-t .dt-n4{background-color: #c467ff;background: linear-gradient(90deg,#fe80fb,#c467ff);}
.small-3-t .dt-n5{background-color: #38cf7a;background: linear-gradient(90deg,#32dab7,#38cf7a);}
.small-3-t .dt-n6{background-color: #b376ff;background: linear-gradient(90deg,#44aaf8,#b376ff);}
.small-3-t .dt-n7{background-color: #6cbaf8;background: linear-gradient(90deg,#7ee1f9,#6cbaf8);}

.small-3-n1:hover{border: 1px solid #06e5f8;}
.small-3-n2:hover{border: 1px solid #f8788b;}
.small-3-n3:hover{border: 1px solid #f26768;}
.small-3-n4:hover{border: 1px solid #c467ff;}
.small-3-n5:hover{border: 1px solid #38cf7a;}
.small-3-n6:hover{border: 1px solid #b376ff;}
.small-3-n7:hover{border: 1px solid #6cbaf8;}

.small-3-t p{position: absolute;top:30px;left: 0;right: 0;margin: 0 auto;text-align: center;font-size: 24px;color: #fff;line-height: 30px;letter-spacing: 2px;}
.small-3-t span{width: 100%;margin: 0 auto;text-align: center;height: 45px;display: block;}
.small-3-t span img{position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;text-align: center; width: 90px;height: 90px;border-radius: 50%;z-index: 1;display: block;}
.small-3-t2{width: 100%;margin: 0 auto;height: 100px;position: relative;}
.small-3-t2 p{padding: 20px 30px;font-size: 12px;color: #666;line-height: 20px;margin: 0 auto;text-align: center;letter-spacing: 1.5px;}
.small-3-t8{zoom: 1;position: absolute;top:0;left: 0;z-index: 1;background: #fff;padding: 20px 0;display: none;}
.small-3-t8 li{list-style: disc;color: #ccc;float: left;list-style-position: inside;width: 30%;line-height: 1.7;font-size: 12px;}
.small-3-t8 li span{color: #666; position: relative;left: -22px;-webkit-margin-start: 10px;}
.small-3-n:hover .small-3-t8{display: block;}

.small-3-t3{padding: 0 30px 30px 30px;margin: 0 auto;text-align: center;border-bottom: 1px solid #e3e3e3;}
.small-3-t3 span{font-size: 20px;color: #333;line-height: 30px;margin: 0 auto;text-align: center;letter-spacing: 2px;}
.small-3-t3 em{font-size: 14px;color: #666;line-height: 30px;margin: 0 10px 0 0;text-align: center;letter-spacing: 2px;}
.small-3-t3 a{padding: 4px 15px;font-size: 16px;color: #ef3907;border: 1px solid #ef3907;letter-spacing: 2px;border-radius: 5px;}
.small-3-t3 a:hover{background: #ef3907;color: #fff;}
.small-3-t4{margin: 0 auto;padding: 10px;height: 50px;}
.small-3-t4 span{font-size: 14px;color: #333;line-height: 24px;margin: 0 auto;padding: 0;}
.small-3-t4 a{padding: 1px 9px;font-size: 12px;color: #666;line-height: 24px;border: 1px solid #666;border-radius: 10px;margin: 0 2px;}
.small-3-t4 a:hover{background: #ef3907;border: 1px solid #ef3907;color: #fff;}
.small-3-t4 p{font-size: 12px;color: #666;line-height: 24px;margin: 0 auto;padding: 0;letter-spacing: 0.5px;}
.small-3-t5{font-size: 20px;color: #999;line-height: 41px;margin: 0 auto;text-align: center;padding: 178px 0;letter-spacing: 2px;}

.small-4{width: 100%;margin: 0 auto;padding: 60px 0;background: #eee;}
.small-4-box{width: 1200px;margin: 0 auto;padding: 0;}
.small-4-n{width: 100%;margin: 0 auto;padding: 0;position: relative;}
.small-4-n li{display: inline-block;float: left;width: 25%;margin-bottom: 20px;min-height: 563px;margin: 0 auto;text-align: center;}
.small-4-con{margin: 0 10px;display: block;position: relative;text-align: center;}
.small-4-img{position: absolute;top:0;left: 0;right: 0;margin: 0 auto;text-align: center;z-index: 1;height: 563px;}
.small-4-img img{width: 100%; margin: 0 auto;display: block;vertical-align: top;height: 563px;}
.small-4-img2{position: absolute;top: 49px;left: 10px;right: 10px;margin: 0 auto;text-align: center;z-index: 2;}
.small-4-img2 img{width: 100%;margin: 0 auto;display: block;vertical-align: top;}
.small-4-t{position: absolute;top: 50px;left: 10px;right: 10px;height: 462px; margin: 0 auto;text-align: center; background-color:rgba(0,0,0,0.4);z-index: 5;display: none;}
.small-4-t img{display: inline-block;width: 135px; margin: 0 auto;text-align: center;padding: 150px 0 0 0;position: relative;left: 0;right: 0;}
.small-4-n li:hover .small-4-t{display: block;}

.small-5{width: 1200px;margin: 0 auto;padding: 60px 0;}
.small-5-n{width: 100%;margin: 0 auto;padding: 0;list-style: none;}
.small-5-n li{float: left;width: 25%;margin-bottom: 20px;}
.small-5-con{display: block;margin: 0 10px;position: relative;overflow: hidden;}
.small-5-n{width: 100%;margin: 0 auto;text-align: center;}
.small-5-n img{width: 100%;margin: 0 auto;display: block;vertical-align: top;}
.small-5-n p{width: 100%;line-height: 30px;font-size: 14px;color: #333;margin: 0 auto;margin-top: 15px;}
.small-5-i{width: 100%;background-color:rgba(0,0,0,0.4);position: absolute;top: -210px;left: 0;height: 210px;-moz-transition: all 0.5s ease .1s;
    -o-transition: all 0.5s ease .1s;-webkit-transition: all 0.5s ease .1s;}
.small-5-i img{width: 130px;margin: 0 auto;padding: 0;margin-top: 40px;}
.small-5-n li:hover .small-5-i{top:0;}

/*----------移动电商定制----------*/
.h5-n ul .h5-a3{float: left;width: 25%;line-height: 60px;background: #eee;border-top: 3px solid #999;}
.h5-n ul .h5-a3 a{display: block;font-size: 16px;color: #333;margin: 0;padding: 0;}
.h5-n ul .h5-on2{background: #fff;}
.h5-n ul .h5-on2 .a1{color: #FF01AE;}
.h5-n ul .h5-on2 .a2{color: #f7422f;}
.h5-n ul .h5-on2 .a3{color: #0FC1FD;}


/*----------h5页面----------*/
.h5-con{width: 1200px;margin: 0 auto;padding: 0;}
.h5-tit{font-size: 30px;color: #333;margin: 0 auto;text-align: center;line-height: 40px;padding: 20px 0 40px 0;}
.h5-n{width: 100%;margin: 0 auto;text-align: center;}
.h5-n ul{list-style: none;margin: 0;padding: 0;}
.h5-n ul .h5-a{float: left;width: 20%;line-height: 60px;background: #eee;border-top: 3px solid #999;}
.h5-n ul .h5-a2{float: left;width: 20%;line-height: 60px;background: #eee;border-top: 3px solid #999;}
.h5-n ul .h5-on{background: #fff;}
.h5-n ul .h5-a a{display: block;font-size: 16px;color: #333;margin: 0;padding: 0;}
.h5-n ul .h5-a2 a{display: block;font-size: 16px;color: #333;margin: 0;padding: 0;}
.h5-n ul .h5-on .a1{color: #09bb07;}
.h5-n ul .h5-on .a2{color: #ef3907;}
.h5-n ul .h5-on .a3{color: #47aefe;}
.h5-n ul .h5-on .a4{color: #b376ff;}
.h5-n ul .h5-on .a5{color: #ef3333;}
.h5-n2{width: 100%;margin: 0 auto;padding: 0;}
.h5-n2-t{width: 100%;margin: 0;padding: 0;}
.h5-n2-l{float: left;width: 65%;}
.h5-n2-l ul{list-style: none;margin: 0;padding: 40px;}
.h5-n2-l ul li{position: relative;padding: 12px 0;}
.h5-n2-l ul li dl{overflow: hidden;zoom: 1;width: 100%;}
.h5-n2-l ul li dl dt{float: left;width: 80px;color: #666;text-align: right;font-size: 14px;line-height: 41px;}
.h5-n2-l ul li dl dd{float: left;display: inline-block;margin: 0 10px;padding: 5px 10px; border-radius: 3px;cursor: not-allowed;
    border: 1px solid #ccc;}
.h5-n2-l ul li dl dd .i1{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);}
.h5-n2-l ul li dl dd .i2{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -29px;}
.h5-n2-l ul li dl dd .i3{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -58px;}
.h5-n2-l ul li dl dd .i4{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -87px;}
.h5-n2-l ul li dl dd .i5{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -116px;}
.h5-n2-l ul li dl dd .i6{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -145px;}
.h5-n2-l ul li dl dd .i7{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -174px;}
.h5-n2-l ul li dl dd .i8{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -203px;}
.h5-n2-l ul li dl dd .i9{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -232px;}
.h5-n2-l ul li dl dd .i10{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -261px;}
.h5-n2-l ul li dl dd .i11{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -290px;}
.h5-n2-l ul li dl dd .i12{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -319px;}
.h5-n2-l ul li dl dd .i13{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -348px;}
.h5-n2-l ul li dl dd .i14{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -377px;}
.h5-n2-l ul li dl dd .i15{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -406px;}
.h5-n2-l ul li dl dd .i16{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -435px;}
.h5-n2-l ul li dl dd .i17{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -464px;}
.h5-n2-l ul li dl dd .i18{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -493px;}
.h5-n2-l ul li dl dd .i19{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png);background-position: 0 -522px;}

.h5-n2-l ul li dl dd span{float: left;font-size: 14px; color: #999;line-height: 29px;display: block;margin: 0 10px;}

.h5-n2-l ul li dl .selected{border: 1px solid #ef3907;background: url(../images/currentsort.gif) no-repeat right bottom #fff;}
.h5-n2-l ul li dl .selected .i1{float: left;width: 29px;height: 29px;background-position: 0 0;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i2{float: left;width: 29px;height: 29px;background-position: 0 -29px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i3{float: left;width: 29px;height: 29px;background-position: 0 -58px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i4{float: left;width: 29px;height: 29px;background-position: 0 -87px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i5{float: left;width: 29px;height: 29px;background-position: 0 -116px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i6{float: left;width: 29px;height: 29px;background-position: 0 -145px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i7{float: left;width: 29px;height: 29px;background-position: 0 -174px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i8{float: left;width: 29px;height: 29px;background-position: 0 -203px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i9{float: left;width: 29px;height: 29px;background-position: 0 -232px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i10{float: left;width: 29px;height: 29px;background-position: 0 -261px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i11{float: left;width: 29px;height: 29px;background-position: 0 -290px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i12{float: left;width: 29px;height: 29px;background-position: 0 -319px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i13{float: left;width: 29px;height: 29px;background-position: 0 -348px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i14{float: left;width: 29px;height: 29px;background-position: 0 -377px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i15{float: left;width: 29px;height: 29px;background-position: 0 -406px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i16{float: left;width: 29px;height: 29px;background-position: 0 -435px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i17{float: left;width: 29px;height: 29px;background-position: 0 -464px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i18{float: left;width: 29px;height: 29px;background-position: 0 -493px;background-image: url(../images/h5-02.png);}
.h5-n2-l ul li dl .selected .i19{float: left;width: 29px;height: 29px;background-position: 0 -522px;background-image: url(../images/h5-02.png);}

.h5-n2-l ul li dl .selected span{color: #ef3907;}

.h5-n2-r{float: right;margin: 40px auto;padding: 0 30px;border-left: 1px dotted #ddd;width: 26%;text-align: center;}
.h5-n2-r ul{width: 100%;margin: 0 auto;padding: 0;list-style: none;}
.h5-n2-r ul li{padding: 10px 0;margin: 0;}
.h5-n2-r ul li h2{font-size: 40px;color: #ef3907;line-height: 44px;margin: 0;padding: 0;font-weight: bold;}
.h5-n2-r ul li h2 span{font-size: 24px;color: #ef3907;margin: 0 5px;}
.h5-n2-r ul li h2 em{font-size: 40px;color: #ef3907;margin: 0 5px;font-weight: bold;}
.h5-n2-r ul li h4{font-size: 14px;color: #666;line-height: 30px;margin: 0;padding: 0 0 0 30px;text-align: left;}
.h5-n2-r ul li h4 span{font-size: 14px;color: #666;margin: 0 5px;}
.h5-n2-r ul li h4 em{font-size: 14px;color: #666;margin: 0 5px;}
.h5-n2-r ul li h3{font-size: 14px;color: #666;line-height: 30px;margin: 0;padding: 0 0 0 30px;text-align: left;}
.h5-n2-r ul li h3 span{font-size: 14px;color: #666;margin: 0 5px;float: left;display: block;}
.h5-n2-r ul li h3 p{font-size: 14px;color: #666;margin: 0 auto;float: left;}
.h5-n2-r ul li h3 p a{padding: 5px 10px;background: #ddd;margin: 0 5px;line-height: 30px;border-radius: 4px;color: #666;}
.h5-n2-r ul li h3 p .h1{background: #ef3907;color: #fff;}
.h5-n2-r ul li .h5-n2-r-n{font-size: 14px;color: #666;line-height: 30px;margin: 0;padding: 0 0 0 30px;text-align: left;overflow: hidden;}
.h5-n2-r ul li .h5-n2-r-n span{font-size: 14px;color: #666;margin: 0 5px;float: left;display: block;}
.h5-n2-r ul li .h5-n2-r-n p{float: left;width: 160px;line-height: 30px;border: 1px solid #ddd;margin: 0 5px;padding: 0 10px;font-size: 14px;color: #999;}
.h5-n2-r ul li .h5-n2-r-n p input{border: 0;line-height: 30px;font-size: 14px; color: #999;outline-style: none;margin: 0 5px;width: 110px;}
.h5-n2-r ul li .h5-select{width: 240px;height: 36px;line-height: 36px; margin: 0 auto;padding: 0;border: 1px solid #ddd;position: relative;}
.h5-n2-r ul li .h5-select dt{margin-right: 1px;padding: 0;cursor: pointer;position: relative;}
.h5-n2-r ul li .h5-select dt b{margin-right: 0;color: #828283;text-align: left;font-size: 14px;position: absolute;left:10px;}
.h5-n2-r ul li .h5-select dt i{width: 20px;height: 14px;position: absolute;transition: 0.3s all ease-in-out;top: 4%;right: 5px;}
.h5-n2-r ul li .h5-select dt i img{width: 20px;margin: 0 auto;}
.h5-n2-r ul li .h5-select dd {position: absolute;max-height: 200px;z-index: 102;overflow-y: auto;padding: 0 0;overflow-x: hidden;top: 100%;background: #fff;opacity: 1;border: 1px solid #ddd;border-radius: 5px;left: -1px;right: -1px;}
.h5-n2-r ul li .h5-select dd a{display: block;line-height: 2;color: #333;font-size: 14px; font-weight: normal;white-space: normal;padding: 0 10px;margin-top: 0px;text-align: left;}
.h5-n2-r ul li .h5-select dd a:hover{background: #f0f0f0;}
.h5-n2-r ul li .buy{display: block;margin: 0 auto;width: 260px;border-radius: 4px;background: #ef3333;font-size: 14px; color: #fff;line-height: 40px;}
.h5-n2-b{padding: 0 40px 40px 40px;margin: 0;}
.h5-n2-b ul{list-style: none;margin: 0;padding: 0;}
.h5-n2-b ul li{padding: 10px 0;width: 100%;zoom: 1;}
.h5-n2-b ul li dl{overflow: hidden;}
.h5-n2-b ul li dl dt{float: left;width: 80px;color: #666;text-align: right;font-size: 14px;line-height: 41px;}
.h5-n2-b ul li dl dd{float: left;display: inline-block;margin: 0 10px;padding: 6px 15px 6px 0;border-radius: 3px;font-size: 14px;color: #666;}
.h5-n2-b ul li dl dd i{float: left;width: 29px;height: 29px;background: url(../images/h5-03.png) no-repeat;background-position: 0 -203px;}
.h5-n2-b ul li dl .select i{float: left;width: 29px;height: 29px;background: url(../images/h5-02.png) no-repeat;background-position: 0 -203px;}
.h5-n2-b ul li dl .select span{color: #ef3907;line-height: 29px;}

.h5-n3{width: 0 auto;width: 100%;padding: 0;position: relative;}
.contrastHead {border-left: 1px solid #ddd;background: #fff;color: #333;text-align: center;}
.contrastHead2{position: fixed;margin: 0 auto;top:80px;left:0;right:0;z-index: 9999;text-align: center;width: 1200px;}
.contrastHead tr th{height:80px;color:#333;font-size:22px;font-Weight: normal;min-width:132px;text-align: center;border-bottom: 1px solid #ddd;}

.contrastHead tr th:first-child{min-width:112px;}
.contrastHead tr th,.contrastHead tr td{border-right: 1px solid #ddd;}
.contrastHead .gm2{height: 60px;}
.contrastHead .gm2-a{display: none;}
.contrastHead2 .gm2-a {background: #fa4d0c;border-radius: 3px;color: #fff;font-size: 14px;display: block;width: 86px;height: 30px;line-height: 30px;margin: 0 auto;text-align: center;margin-bottom: 10px;}

.contrastHead .priceTr{height:30px;}
.contrastHead .priceTr label{padding-left:3px;line-height:30px;}
.contrastHead .tc{width:112px;border-top: 6px solid #ddd;}
.contrastHead .mfb{border-top:6px solid #1bbc9d; color:#1bbc9d;}
.contrastHead .tzb{border-top:6px solid #3598dc;color:#3598dc;}
.contrastHead .wgw{border-top:6px solid #7149EA;color:#7149EA;}
.contrastHead .gjb{border-top:6px solid #94BF0E;color:#94BF0E;}
.contrastHead .swb{border-top:6px solid #FF01AE; color:#FF01AE;}
.contrastHead .zxb{border-top:6px solid #C56C24; color:#C56C24;}
.contrastHead .sjb{border-top:6px solid #6cd75e; color:#6cd75e;}
.contrastHead .wxb{border-top:6px solid #9d44f0; color:#9d44f0;}
.contrastHead .qjb{border-top:6px solid #fe7b11; color:#fe7b11;}
.contrastHead .fxscb{border-top:6px solid #f7422f; color:#f7422f;}
.contrastHead .dshdzg{border-top:6px solid #0191F7; color:#0191F7;}

.contrast{background:#ddd;}
.contrast tr td{height:36px;background:#fff;line-height:28px;    min-width: 96px;text-align: center;border: 1px solid #ddd;}
.contrast tr td:first-child{min-width: 112px; width:112px;}
.contrast tr td img{vertical-align: middle; width:20px;}
.contrast tr td.dbtitle{padding-left:10px;background:#eee;text-align:left;font-weight:bold;}
.contrast tr td.dbtitle1{line-height: 40px;background: #50C754;color: #fff;text-align: center;font-weight: bold;font-size: 16px;}

.contrast tr td:first-child { min-width: 112px;width: 112px;}
.contrast tr td {width: 25%;}

/*---------移动电商---------*/
.yd-n{width: 1200px;margin: 0 auto;padding: 0;margin-bottom: 60px;}
.yd-n-t{width: 100%;margin: 0 auto;text-align: center;padding: 0;list-style: none;}
.yd-n-t li{float: left;width: 25%;position: relative;}
.yd-n-t li .yd-n-tcon{border: 1px solid #e5e5e5;margin: 0 auto;text-align: center;}
.yd-n-t li .yd-n-tcon i{width: 100px;height: 100px;background: url(../images/400.png) no-repeat;display: block;margin: 0 auto;text-align: center;margin-top: 50px;}
.yd-n-t li .yd-n-tcon .yd-n-i1{background-position: 0 0;}
.yd-n-t li .yd-n-tcon .yd-n-i2{background-position: -100px 0;}
.yd-n-t li .yd-n-tcon .yd-n-i3{background-position: -200px 0;}
.yd-n-t li .yd-n-tcon .yd-n-i4{background-position: -300px 0;}

.yd-n-t li .yd-n-tcon h2{font-size: 18px;color: #333;line-height: 30px;padding: 15px 0 10px 0;margin: 0;font-weight: bold;letter-spacing: 2px;}
.yd-n-t li .yd-n-tcon p{font-size: 14px;color: #666;line-height: 22px;width: 160px;margin: 0 auto;text-align: center;}
.yd-n-p{font-size: 16px;color: #ef3907;line-height: 20px;margin: 0 auto;text-align: center;margin-top: 10px;}
.yd-n-p span{font-weight: bold;color: #ef3907;padding: 0 2px;}
.yd-n-p em{font-size: 16px;color: #ef3907;padding: 0 2px;}
.yd-n-a{margin: 0 auto;text-align: center;width: 100%;line-height: 40px;margin-top: 20px;margin-bottom: 40px;}
.yd-n-a .yd-n-a1{padding: 5px 15px;border: 1px solid #999;margin: 0 10px;font-size: 14px;color: #666;}
.yd-n-a .yd-n-a2{padding: 5px 15px;border: 1px solid #ef3907;margin: 0 10px;font-size: 14px;color: #ef3907;}
.yd-n-c{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;text-align: center;background: #ef3907;height: 100%;display: none;
	-moz-transition: all 1s ease .1s;-o-transition: all 1s ease .1s;-webkit-transition: all 1s ease .1s;cursor:pointer;}
.yd-n-c h4{font-size: 18px;color: #fff;font-weight: bold;line-height: 30px;letter-spacing: 2px;margin: 40px 0 20px 0;}
.yd-n-c span{display: block;padding: 0 30px;font-size: 14px;color: #fff;line-height: 24px;text-align: left;}
.yd-n-ca{width: 100%;margin: 0 auto;text-align: center;padding: 0;margin-top: 20px;line-height: 40px;}
.yd-n-ca .yd-n-ca1{padding: 5px 15px;border: 1px solid #fff;margin: 0 10px;font-size: 14px;color: #fff;}
.yd-n-ca .yd-n-ca2{padding: 5px 15px;border: 1px solid #fff;margin: 0 10px;font-size: 14px;color: #ef3907;background: #fff;}
.yd-n-t li:hover .yd-n-c{display: block;-moz-transition: all 2s ease .3s;-o-transition: all 2s ease .3s;-webkit-transition: all 2s ease .3s;}

.yd-n2{width: 100%;margin: 0 auto;background: #eee;padding: 60px 0;}
.yd-n2-con{max-width: 1200px;margin: 0 auto;padding: 0;}
.yd-n2-t{width: 100%;margin: 0 auto;text-align: center;padding: 0;list-style: none;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.yd-n2-t li{float: left;width: 299px;border: 1px solid #ddd;cursor: pointer;text-align: center;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border-right: 0;border-bottom: 0;
}
.yd-n2-t li i{width: 42px;height: 42px;background: url(../images/400-01.png) no-repeat;display: block;margin: 0 auto;text-align: center;margin-top: 40px;}
.yd-n2-t li .yd-n2-ti1{background-position: 0 0;}
.yd-n2-t li .yd-n2-ti2{background-position: -96px 0;}
.yd-n2-t li .yd-n2-ti3{background-position: -206px 0;}
.yd-n2-t li .yd-n2-ti4{background-position: -313px 0;}
.yd-n2-t li .yd-n2-ti5{background-position: -412px 0;}
.yd-n2-t li .yd-n2-ti6{background-position: -516px 0;}
.yd-n2-t li .yd-n2-ti7{background-position: -602px 0;}
.yd-n2-t li .yd-n2-ti8{background-position: -701px 0;}
.yd-n2-t li .yd-n2-ti9{background-position: -800px 0;}
.yd-n2-t li .yd-n2-ti10{background-position: -906px 0;}
.yd-n2-t li .yd-n2-ti11{background-position: -1006px 0;}
.yd-n2-t li .yd-n2-ti12{background-position: -1112px 0;}
.yd-n2-t li .yd-n2-ti13{background-position: 0 -42px;width: 46px;}
.yd-n2-t li .yd-n2-ti14{background-position: -115px -42px;}
.yd-n2-t li .yd-n2-ti15{background-position: -205px -42px;width: 48px;}
.yd-n2-t li .yd-n2-ti16{background-position: -314px -42px;}
.yd-n2-t li:hover i{z-index: 10; display: block; cursor: pointer; transform: rotate(360deg); transition: All 0.3s ease-in-out;  -webkit-transition: All 0.3s ease-in-out;-moz-transition: All 0.3s ease-in-out;  -o-transition: All 0.3s ease-in-out;  -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  -o-transform: rotate(360deg);  -ms-transform: rotate(360deg); cursor: pointer;
}
.yd-n2-t li h2{width: 100%;margin: 0 auto;text-align: center;font-size: 18px;color: #333;line-height: 30px;padding: 20px 0 10px 0;}
.yd-n2-t li p{margin: 0 auto;text-align: center;font-size: 14px;color: #666;line-height: 24px;padding: 0 50px 30px 50px;}

.yd-n3{width: 1200px;margin: 0 auto;padding: 60px 0;}


.page{max-width: 1200px;margin: 0 auto;text-align: center;padding: 20px 0;}
.page a{display: inline-block;width: 36px;padding: 0;margin: 0 7px;font-size: 18px;font-weight: 200;line-height: 26px;color: #b0b0b0;
    border: 1px solid #d9d9d9;
}
.page span{display: inline-block;width: 36px;padding: 0;margin: 0 7px;font-size: 18px;font-weight: 200;line-height: 26px;color: #b0b0b0;
    border: 1px solid #d9d9d9;
}
.page .current {border: 1px solid #ef3333;background: #ef3333;color: #fff;}


.zhengji{width: 100%;margin: 0 auto;padding: 0;color: #555;}
.zhengji table tbody tr td{padding: 5px;}

.sideMenu{
      width:88%;
    }
    .sideMenu .newsbox {
      padding: 40px 25px 10px;
      color: #999;
      display: none;
      overflow:hidden
    }
    .sideMenu .text-box{
      overflow:hidden;
      text-overflow: ellipsis;
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:5;
    }
		.sideMenu h3{margin:0 auto; height:50px; line-height:50px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
			font:normal 18px/50px "Microsoft YaHei";
		}
		.sideMenu .time{ float:right; display:block; height:50px;  cursor:pointer;  color:#999; margin-right:20px; font-size:12px;}
    .readmore{ height:50px;  line-height:50px;  margin-right:20px; text-decoration:none;}