@charset "utf-8";

html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#fff; -webkit-text-size-adjust:none; }

a{ color:#333; text-decoration:none;}

a:hover{ color:#1C57C4; text-decoration:none;}

li{list-style:none;}

ul,ol{ padding:0px; margin:0px;}

i{ font-style:normal;}

.fr{ float:right}

.fl{ float: left}

/*头部*/

.inner{ width:1200px; margin:0 auto; position:relative;}

.pageTop {}

.paTBox {	width: 1200px;	margin: 0 auto;}

.head_top {}

.top_top{height: 30px;line-height: 30px;background: #232a7a;	}

.top_t { width:1200px;margin: 0 auto; color:#ccc }

.top_t a{ color:#CCCCCC}



.logo {	float: left;}

.Sptline dl {	float: right;		margin-top: 40px;	padding-left: 65px;	background: url(../tel.jpg) no-repeat left 0px; height:55px;}

.Sptline dl dd {	font-size: 14px;	line-height: 20px;}

.Sptline dl dt {	font-size: 28px; margin-top:5px; font-weight:bold;color: #e94925; line-height:24px; }

.top_t .t_cn{ background:url(../alibaba.jpg) left center no-repeat; display:inline-block;  vertical-align:middle; padding-left:25px;}

header{  zoom:1;}

#web_logo{  font-size:0px; position:relative; z-index:999; height:120px; float:left;}

#web_logo img{ max-height:110px;}

.logo_text{ float:left; width:600px;  margin:20px 0px 0px 20px;   height:120px;}

.logo_text h2{font-size: 24px; margin-top:30px;line-height: 38px;color: #333; font-weight:bold;  }

.logo_text p{line-height: 28px;font-size: 18px;}

.top-nav{ color:#fff; position:absolute; right:5px; top:8px; height:77px; z-index:1; text-align:right; width:100%;}

.top-nav a{ color:#fff;}

.top-nav a:hover{ color:#fff;}

.top-nav li.b{ position:absolute; bottom:0px; right:0px;}

.top-nav li.t span{ padding:0px 5px; font-size:10px; color:#bbb;}

.top-logo{ min-height:90px; _height:90px;}



.dhl_con{ width:100%; border-top:solid #CCCCCC 1px;}

nav{ height:65px; overflow:hidden; width:1200px; margin:0 auto;margin-top:20px;}

nav ul li{ float:left;  text-align:center; height:45px; line-height:45px; overflow:hidden;}

nav ul li a{ color:#333; font-size:16px}



nav ul li a:hover{color:#fff;background-color:#da251d; border-radius:30px;height:45px; line-height:45px; display:block;}

nav ul li.line{ width:2px; height:45px; padding:0px;  float:left;background-image:url(../nav_line.gif); background-repeat:no-repeat; background-position:right center }



nav ul li.hover,nav ul li.navdown{ background-color:#da251d; border-radius:30px;}

nav ul li.hover a,nav ul li.navdown a{ color:#fff;}

nav ul li.hover a:hover,nav ul li.navdown a:hover{  background-color:#da251d; border-radius:30px;}

.met_flash{ margin-top:0px; font-size:0px; overflow:hidden;} 

.met_flash ul{ margin:0px; padding:0px;} 

.met_flash img{ width:100%; height:auto;}





.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

.content { width:1200px; margin:0 auto;  }

.sou{ height:72px; border-bottom:1px solid #ededed;overflow:hidden;}

.sou p{ height:72px; width:600px; font:14px "Microsoft YaHei"; line-height:72px; overflow:hidden; color:#666;}

.sou p a{ display:inline-block; padding:0 10px; color:#999;}

.sou3{ margin-top:18px;}

.sou3 input{ width:240px; height:36px; font:14px "Microsoft YaHei"; line-height:36px; background:url(../sou1.gif) no-repeat left top; color:#c6c6c6; border:0; overflow:hidden; padding-left:20px;}

.sou3 .ip01{ width:49px; height:36px; background:url(../sou2.gif) no-repeat center center; border:0; overflow:hidden; cursor:pointer;}



.tit{ font:30px "Microsoft YaHei"; text-align:center; background:url(../pro_hbg.png) no-repeat center top; height:139px; overflow:hidden;}

.tit a{ display:block; color:#333; padding-top:22px;}

.tit b{ color:#232a7a;}

.tit em{ display:block; font:12px Arial; text-transform:uppercase; color:#bcbcbc; letter-spacing:4px; padding-top:3px;}



.index_product{ height:930px; padding-top:80px;overflow:hidden;}

.fen{ width:280px; border:1px solid #e0e0e0; border-bottom:3px solid #232a7a; padding-bottom:20px; float:left;}

.fen h2{ height:84px; font:24px "Microsoft YaHei"; text-align:center; color:#fff; background:#232a7a; overflow:hidden; line-height:84px;}

.fen h2 a{ display:block; color:#fff;}

.fen h2 em{background:url(../fen_h.gif) no-repeat left center; padding-left:20px; font-size:18px; margin-left:4px; text-transform:uppercase; font-style:normal}

.pro_li h3{ font:16px "Microsoft YaHei"; line-height:54px; height:54px; overflow:hidden; border-bottom:1px solid #e9ebea; padding:0 24px;}

.pro_li h3 a{ display:block; color:#444; font-weight:bold; background:url(../fen_jt1.gif) no-repeat right center;}

.pro_li h3 a:hover{background:url(../fen_jt2.gif) no-repeat right center; color:#ff7608;}

.pro_li .nones{ border:0;}

.pro_li ul{ width:246px; margin:0 auto;}

.pro_li li{ font:14px "Microsoft YaHei"; height:40px; line-height:40px; color:#787878;  border-bottom:1px solid #e0e0e0; overflow:hidden;}

.pro_li li a{ color:#787878; display:block; background:url(../fen_jt3.gif) no-repeat left 16px; padding-left:15px; }

.pro_list{ width:885px; float:right;}

.pro_list dl{ height:448px; overflow:hidden; position:relative;}

.pro_list dt img{ display:block; height:421px; overflow:hidden; width:100%;}



.pro_list dd{ width:237px; height:305px; padding:52px 0 0 45px; overflow:hidden; background:url(../pro_gbg.png) no-repeat; position:absolute; top:0; right:40px;}

.pro_list dd h3{width:172px; height:40px; overflow:hidden; font:18px "Microsoft YaHei"; text-align:center; line-height:40px; color:#349f38; margin-left:20px;}

.pro_list dd h3 a{ color:#349f38; font-weight:bold;}

.pro_list dd p{ font:14px "Microsoft YaHei"; line-height:28px; height:84px; overflow:hidden; color:#fff; margin:30px 0 42px;}

.pro_list dd em a{ display:block; width:160px; height:52px; font:18px "Microsoft YaHei"; text-align:center; line-height:52px; color:#fff; overflow:hidden;}

.pro_list li{ width:277px; float:left; margin-left:9px; margin-right:9px; margin-bottom:10px; overflow:hidden;}
.pro_list li img{ display:block; width:100%; height:210px; object-fit:cover;}
.pro_list li img:hover{
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease-out 0s;}

.pro_list li em{display:block;font:14px "Microsoft YaHei"; height:45px; line-height:45px; color:#666; overflow:hidden; text-align:center; background:url(../pro_bg01.gif) no-repeat center top;}

.pro_list li a:hover em{ background:url(../pro_bg02.gif) no-repeat center top; color:#333;}

.pro_list .nones{ margin-right:0;}



.ys{ height:1020px; overflow:hidden; margin-top:80px;}

.ys .tit{ background:url(../ys_hbg.png) no-repeat center top;}

.ys .tit em{ letter-spacing:0;}

.ys1{ height:626px;}

.ys01{ height:626px; background:url(../ys_bg1.jpg) no-repeat center top;}

.ys01 .content{ position:relative;}

.ys01 dl{ width:525px; padding:145px 0 0 110px;}

.ys01 dt{ font:30px "Microsoft YaHei"; font-weight:bold; color:#da251d; padding-left:30px; height:106px;}

.ys01 dt em{ display:block; font:12px Arial; text-transform:uppercase; color:#999; padding:18px 0 20px; letter-spacing:3px;}

.ys01 dd{ padding:0 0 0 30px;}

.ys01 dd p{ font:16px "Microsoft YaHei"; line-height:26px; color:#666; margin:14px 0 26px; width:460px;}

.ys01 dd span a{ display:block; width:110px; padding-left:30px; height:35px; background:url(../ys_btn.png) no-repeat center top; font:14px "Microsoft YaHei"; line-height:35px; color:#fff; line-height:35px; color:#fff; margin:20px 0 0 -20px;}

.ys02{ background:url(../ys_bg2.jpg) no-repeat center top; height:626px;}

.ys02 dl{ position:absolute; top:115px; left:750px; padding:0; width:500px;}

.ys02 dt em{ letter-spacing:0;}

.ys03{background:url(../ys_bg3.jpg) no-repeat center top;}

.ys03 dl{ padding:122px 0 0 110px;}

.ys04{ background:url(../ys_bg4.jpg) no-repeat center top;}

.ys04 h2{ font:30px "Microsoft YaHei"; font-weight:bold; color:#da251e; padding-left:125px; height:155px;}

.ys04 h2 em{display:block; font:12px Arial; text-transform:uppercase; color:#999; padding:18px 0 20px; letter-spacing:3px;}

.ys04 li{ width:384px; float:left; margin-right:24px; position:relative;}

.ys04 li a{ display:block;}

.ys04 li img{ display:block; height:290px;}

.ys04 li em{ display:block; width:78px; height:89px; background:url(../ys_h.png) no-repeat center top; font:18px "Microsoft YaHei"; font-weight:bold; color:#fff; line-height:80px; text-align:center; position:absolute; top:0; left:0;}

.ys04 li p{ height:83px; padding:25px 25px 0 25px; background:url(../ys_bg03.png) no-repeat center top; font:16px "Microsoft YaHei"; text-align:center; line-height:26px;}

.ys04 li b{ display:block; width:18px; height:9px; background:url(../ys_jt1.png) no-repeat center top;background-size:18px 9px; position:absolute; top:281px; left:183px;}

.ys04 li a:hover p{background:url(../ys_bg04.png) no-repeat center top;color:#fff;}

.ys04 li a:hover b{background:url(../ys_jt2.png) no-repeat center top;background-size:18px 9px;}

.ys04 .nones{ margin-right:0;}



.yst{ height:166px; overflow:hidden; margin-top:20px;}

.yst li{ width:300px; float:left; height:166px; overflow:hidden; font:28px "Microsoft YaHei"; text-align:center;}

.yst li a{ display:block; color:#333; padding-top:38px; height:128px; background:url(../ys_01.png) no-repeat center top;}

.yst li em{ display:block; width:42px; height:40px; margin:0 auto 4px;}

.yst li i{ display:block; font:12px Arial; color:#999; text-transform:uppercase; padding-top:5px;}

.yst .li1 em{ background:url(../ys11.png) no-repeat center top;}

.yst .li2 em{ background:url(../ys22.png) no-repeat center top;}

.yst .li3 em{ background:url(../ys33.png) no-repeat center top;}

.yst .li4 em{ background:url(../ys44.png) no-repeat center top;}

.yst li a:hover,.yst .cur a{ background:url(../ys_02.png) no-repeat center top; color:#fff;}

.yst li a:hover em,.yst .cur em{ background-position:0 -40px;}

.yst li a:hover i,.yst .cur i{ color:#fff;}



.guan1{ height:240px; overflow:hidden; background:url(../guan1.jpg) no-repeat center top;}

.guan1 p{ width:423px; height:45px; overflow:hidden; margin:162px 15px 0 0; float:right; font:24px Arial; line-height:45px; color:#fff; display:inline-block;}

.guan1 p a{ display:inline-block; width:166px; height:42px; font:18px "Microsoft YaHei"; text-align:center; line-height:42px; color:#fff;}

.guan1 p span{ display:inline-block; padding-left:55px; font-size:28px}



.solve{ margin-top:55px;}

.solve .solve-title{ height:85px; padding-top:15px; background: url("../about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #da251d; font-weight: bold; margin-bottom: 39px;}

.solve-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top:0px;}

.solve-title i{ color: #333; font-weight: normal; }

.solve-wrap{ height: 490px; margin-bottom: 80px; position:relative;}

.solve .solve-big{ width: 726px; height: 490px; position:absolute; top:0; left:237px; z-index:5;}

.solvet{ position:absolute; top:0; left:0; width:1200px;}

.solvet .li4{ position:absolute; top:0; right:0;}

.solvet .li5{ position:absolute; top:169px; right:0;}

.solvet .li6{ position:absolute; top:338px; right:0;}

.solve ul li{ width: 223px; height: 153px; margin-bottom: 16px; position: relative; }

.solve ul li img{ display: block; width: 223px; height: 153px;}

.solve ul li span{ background-color: rgba(218,37,30,.8); position: absolute; left: 0; top: 0; width: 223px; height: 153px; line-height: 153px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; display: none;}

.solve ul li:hover span{ display: block; }

.solve-big .solve-one img{ display: block; width: 726px; height: 490px;}

.solve-big .solve-desc{ background-color: rgba(0,0,0,.6); height: 94px; position: absolute; left: 0; bottom: 0; width: 653px; color: #fff; padding: 20px 40px 0 33px;}

.solve-big .solve-desc p{ font-size: 14px; line-height: 29px; }

.solve-big .solve-desc p i{ color: #ff7608; font-weight: bold; }

.solve-big .solve-two{ position: absolute; left: 30px; bottom: 20px; }

.solve-big .solve-two img{ display: block; width: 156px; height: 150px; border: 10px solid #fff;}



.partner .partner-title{ height:85px; padding-top:15px; background: url("../about_title.png") no-repeat center top; text-align: center; font-size: 30px; color: #da251d; font-weight: bold; margin-bottom: 39px;}

.partner-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top:0px;}

.partner-title i{ color: #333; font-weight: normal; }

.partner-wrap{ height: 438px; position: relative; padding:30px 0px;}

.partner-more{ position: absolute; width: 83px; height: 83px; background: #da251d; border-radius: 80px; text-align: center; line-height: 83px; color: #fff; font-size: 14px; display: block; left: 50%; margin-left: -41px; top: 440px; }

.partner dl{ width: 584px; height: 192px; border: 1px solid #dadada; border-radius: 20px; border-radius: 100px; padding: 5px; box-sizing: border-box; float: left; margin-bottom: 20px;}

.partner dl:nth-child(2n){ float: right; }

.partner dt{ width: 181px; height: 181px; float: left; margin-right: 26px;border-radius:100%; }

.partner dt img{ display: block; width: 181px; height: 181px;border-radius:100%; }

.partner dd{ width: 336px; float: left; }

.partner dd h3{ font-size: 16px; color: #1d1d1d; border-bottom: 1px solid #e0e0e0; height: 40px; margin: 40px 0 20px;}

.partner dd h3 a{ color: #1d1d1d; }

.partner dd p{ font-size: 14px; line-height: 26px; color: #5a5a5a; }

.partner dd p a{ color: #232a7a; font-weight: bold; }

.partner dl:hover{ border: 1px solid #da251d; }

.partner dl:hover h3 a{ color: #da251d; }

.partner dl:hover p a{ color: #da251d; }





.index_new .news-title{ height:85px; padding-top:15px; background: url("../about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #da251d; font-weight: bold; margin-bottom: 39px;}

.news-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top:0px;}

.news-title i{ color: #333; font-weight: normal; }

.n_nav{height:100px; margin-bottom:32px; position:relative; overflow: hidden; background:url(../line.gif) repeat-x center 9px; padding-left:320px; margin-top:20px;}

.n_nav li{ float:left;height:60px; font:18px "Microsoft YaHei"; color:#101010; padding:0 40px; line-height:60px;}

.n_nav li a{ display:block; color:#101010; height:25px; padding-top:25px; background:url(../dot1.png) no-repeat center top;}

.n_nav .cur{color:#da251d; font-weight:bold;}



.news_c{ height:481px; overflow:hidden; margin-bottom: 80px;}

.news_c .news_big{ width: 590px; height: 481px; overflow: hidden; position: relative;}

.news_c .news_big dt{ position:relative;}

.news_c .news_big dt img{width: 590px; height: 481px;}

.news_c .news_big dt em{ display:block; position:absolute; top:0; right:0; background:url(../tou.png) no-repeat; width:60px; height:60px;}

.news_c .news_big dd{ height: 125px; background-color: rgba(35,42,122,.8); position: absolute; left: 0; bottom: 0; color: #fff; padding: 20px 20px 0;}

.news_c .news_big dd h3{ font-size: 16px; margin: 20px 0 10px;}

.news_c .news_big dd a{ color:#fff;}

.news_c .news_big dd p{ font-size: 14px; line-height: 24px; }

.news_c .news-item{ width: 590px; height: 481px; }

.news_c .news-item dl{ height: 145px; background: #f5f5f5; margin-bottom: 24px; }

.news_c .news-item dt{ width: 300px; height: 145px; float: right; position: relative; margin-left: -16px;}

.news_c .news-item dt img{ display: block; width: 300px; height: 145px; }

.news_c .news-item dd{ width: 251px; padding:0 19px; height: 111px; float: left; background: #fff; margin: 17px 0 0 17px;position: relative;z-index: 2; font-size: 14px; color: #333333;}

.news_c .news-item dd span{ display: block; font-size: 12px; color: #5b5b5b; margin: 20px 0 10px;}

.news_c .news-item dd a{ color: #333; }

.news_c .news-item dd a:hover{ color: #ff7608; }

.news_c .news-item dd i{ display: block; background: url("../news_icon.jpg") no-repeat; width: 25px; height: 5px; margin-top: 16px; }





.index_about .about-title{ height:85px; padding-top:15px; background: url("../about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #333; font-weight: bold; margin-bottom: 39px;}

.about-title i{ color: #da251d; font-weight: bold }

.about-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 0px;}

.index_about dl{ height:495px; overflow:hidden; background:url(../about_bg.jpg) no-repeat center top;}

.index_about dt{ width:570px; height:435px; float:right; overflow:hidden; margin-top: 30px;}

.index_about dt img{ display:block; width:570px; height:435px;}

.index_about dd{ width:550px; float:left; overflow:hidden; margin-left:0px;}

.index_about dd h3 a{ display:block; margin-top:67px; font:18px "Microsoft YaHei"; font-weight:bold; color:#423f3b; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom: 20px;}

.index_about dd h3 a span{ display: block; font-size: 36px; font-weight: normal; text-transform: uppercase; color: #da251d; }

.index_about dd p{ font:14px "Microsoft YaHei"; line-height:28px; color:#555;margin-top:12px;}

.index_about dd em a{ display:block; width:173px; height:42px; background:#da251d; font:14px "Microsoft YaHei"; text-align:center; line-height:42px; color:#fff; overflow:hidden; margin-top:0px; border-radius: 20px;}





.pic{ height:280px; margin-top:25px;}

.nav2{ height:60px; overflow:hidden; background:url(../line.gif) repeat-x center center; margin-bottom:20px; position:relative;}

.nav2 li{ font:18px "Microsoft YaHei"; line-height:60px; height:60px; overflow:hidden; float:left; background:#fff url(../line2.gif) no-repeat right center; padding:0 20px;}

.nav2 li a:hover,.nav2 li .cur{ font-weight:bold; color:#da251d;}

.nav2 .nones{ background:#fff;}

.nav2 .li1{ padding-left:0;}

.nav2 li a{ display:inline-block; color:#333;}

.nav2 .more2 span a{ display:block; font:16px Arial; text-transform:uppercase; background:#fff; padding-left:20px; position:absolute; top:0; right:0;height:60px; line-height:60px; color:#da251d; overflow:hidden;}

.pic2{ height:250px; position:relative;}

.pic3{ width:1200px; overflow:hidden;}

.pic2 li{ width:282px;float:left; margin-right:24px; position:relative;}

.pic2 li img{ display:block;width:282px; height:184px;}

.pic2 li span{ display:block; font:14px "Microsoft YaHei"; text-align:center; height:45px; color:#666; line-height:45px; overflow:hidden; border-bottom:2px solid #bfbfbe;}

.pic2 li a:hover span{ background:#232a7a; border-bottom:2px solid #30a333; color:#fff;}

.pic2 li a:hover img{ display:block; border:3px solid #232a7a; width:276px; height:184px;}

.arr1{ font:30px "宋体"; color:#fff; position:absolute; top:60px; left:-16px; width:32px; height:36px; text-align:center; line-height:36px;}

.arr2{font:30px "宋体"; color:#fff; position:absolute; top:60px; right:-16px;width:32px; height:36px;text-align:center; line-height:36px;}

.arr1 a,.arr2 a{background:#da251d; display:block; color:#fff;}

.arr1 a:hover,.arr2 a:hover{ background:#da251d;}



.link{ height:84px; font:14px "Microsoft YaHei"; line-height:84px; overflow:hidden;}

.link a{ display:inline-block; padding:0 20px; color:#555; }

.link a:hover{ color:#da251d;}



.footWrap{ height:352px; padding-top:90px;overflow:hidden; background:url(../ft_bg.jpg) repeat-x center top;}

.footWrap .footer{ width:1200px; margin:0 auto;}

.footWrap .slide-left{ width: 282px; background: url("../ft_line.jpg") no-repeat right 0; height: 292px;}

.footWrap h2{ width:234px; overflow:hidden; margin-bottom: 13px; }

.footWrap h2 img{ display:block; width:214px;  margin: 0 auto;}

.footWrap .code{ background: url("../code_bg.jpg") no-repeat; width: 234px; height: 117px; color: #fff;}

.footWrap .code em{ display: inline-block; width: 117px; text-align: center; font-style:normal; float:left; }

.footWrap .code em img{ width: 98px; height: 98px; display: block; margin: 9px auto 0;}

.footWrap .code em.em01{padding-top:60px;}

.footWrap h3{ font-size: 16px; color: #fff; margin-bottom: 40px; }

.fnav-item{ width:183px; padding-left:20px; float:left; overflow:hidden; background: url("../ft_line.jpg") no-repeat right 0; height:250px}

.fnav a{ display:block; font:14px "Microsoft YaHei"; line-height:35px; color:#fff;}

.ft-info{font:14px "Microsoft YaHei"; line-height:35px; color:#fff; padding-left: 20px; width:288px;}

.ft-info h3{ line-height: 16px; }



.foot{ height:60px; font:14px "Microsoft YaHei"; line-height:60px; color:#fff; overflow:hidden;}

.foot a{ color:#fff; padding:0 10px;}

.foot span{ float:right;}

.foot em{ padding:0 12px;}





        .client-2 {

            position: fixed;

            right: -170px;

            top: 50%;

            z-index: 900;

        }

        

        .client-2 li a {

            text-decoration: none;

        }

        .client-2 li {

            margin-top: 1px;

            clear: both;

            height: 71px;

            position: relative;

        }

        

        .client-2 li i {

            background: url(images/fx.png) no-repeat;

            display: block;

            width: 30px;

            height: 27px;

            margin: 0px auto;

            text-align: center;

        }

        

        .client-2 li p {

            height: 20px;

            font-size: 14px;

            line-height: 20px;

            overflow: hidden;

            text-align: center;

            color: #fff;

        }

        

        .client-2 .my-kefu-qq i {

            background-position: 4px 5px;

        }

        

        .client-2 .my-kefu-tel i {

            background-position: 0 -21px;

        }

        

        .client-2 .my-kefu-liuyan i {

            background-position: 4px -53px;

        }

        

        .client-2 .my-kefu-weixin i {

            background-position: -34px 4px;

        }

        

        .client-2 .my-kefu-weibo i {

            background-position: -30px -22px;

        }

        

        .client-2 .my-kefu-ftop {

            display: none;

        }

        

        .client-2 .my-kefu-ftop i {

            width: 33px;

            height: 35px;

            background-position: -27px -51px;

        }

        

        .client-2 .my-kefu-left {

            float: left;

            width: 77px;

            height: 47px;

            position: relative;

        }

        

        .client-2 .my-kefu-tel-right {

            font-size: 16px;

            color: #fff;

            float: left;

            height: 24px;

            line-height: 22px;

            padding: 0 15px;

            border-left: 1px solid #fff;

            margin-top: 14px;

        }

        

        .client-2 .my-kefu-right {

            width: 20px;

        }

        

        .client-2 .my-kefu-tel-main {

            background: #31a332;

            color: #fff;

            height: 56px;

            width: 247px;

            padding:9px 0 6px;

            float: left;

        }

        

        .client-2 .my-kefu-main {

            background: #31a332;

            width: 97px;

            height: 56px;

            position: relative;

            padding:9px 0 6px;

            float: left;

        }

        

        .client-2 .my-kefu-weixin-pic {

            position: absolute;

            left: -130px;

            top: -24px;

            display: none;

            z-index: 333;

        }

        

        .my-kefu-weixin-pic img {

            width: 115px;

            height: 115px;

        }

    



/*首页*/

.aboutus{ float:left; width:675px; margin-top:10px;}

.case{ float:right; width:290px; margin-top:10px; overflow:hidden;}

.style-1 h3.title span{ float:left; background:url(../dt-5.gif) repeat-x; height:32px; line-height:32px; padding:0px 25px; color:#fff; font-weight:normal; font-size:14px;}

.style-1 h3.title  a.more{ float:right; width:39px; height:11px; line-height:1000px; overflow:hidden; background:url(../more.gif); margin:10px 10px 0px 0px;}

.style-1 .active{ background:#fff; padding:10px;}

.style-2 h3.title { background:url(../dt-6.gif) repeat-x; height:32px; line-height:32px; padding-left:15px; color:#fff; font-weight:normal; font-size:14px; position:relative;}

.style-2 h3.title a.more{ position:absolute; right:10px; top:0px; color:#fff; font-size:12px;}

.style-2 .active{ background:#fff; padding:10px;}

.style-2 dl.ind{ clear:both; zoom:1}

.style-2 dl.ind dt{ float:left; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; zoom:1}

.style-2 dl.ind dt a{ margin-left:5px;}

.style-2 dl.ind dd{ float:right; display:inline; border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; overflow:hidden;}

.style-2 dl.ind dd h4{ margin-left:10px;}

.style-2 dl.ind dd p.desc{ margin-left:10px; font-style: italic; color:#666;}

.index-news{ float:left; width:330px; margin-right:15px; margin-top:15px;}

.listel li{ margin:0px 5px; height:30px; line-height:30px; overflow:hidden; padding-left:13px; background:url(../dt-1.gif) no-repeat left 12px; }

.listel li a{ margin-right:5px; zoom:1;}

.listel li span{ float:right; color:#666;}

.index-conts{ float:right; width:290px; margin-top:15px;}

.index-product{ padding-top:15px; *margin-top:15px; *padding-top:0px;}

.index-product .profld{ margin:0px; position:relative; overflow:hidden;}

.index-product h3 span{ float:left; }

.index-product ol{ position: absolute; width: 2012em; }

.index-product ol li{ float:left; text-align:center; }

.index-product ol li a.img{ display:block; text-align:center; font-size:0px;}

.index-product ol li a.img img{ margin:auto; border:1px solid #d6d6d6;}

.index-product ol li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}

.index-product .flip{ height:20px; overflow:hidden; margin:8px 15px 0px; float:left; }

* html .index-product .flip{ width:300px;}

*+html .index-product .flip{ width:300px;}

.index-product .next,.index-product .prev{ width:18px; height:18px; overflow:hidden; display:block; float:left; background:url(../neu.gif) no-repeat;}

.index-product .next{ background-position:-17px 0px; }

.index-product .next:hover{ background-position:-57px 0px; }

.index-product .prev{ background-position:-40px 0px; }

.index-product .prev:hover{ background-position:0px 0px; }

#trigger{ float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}

#trigger a{ background:url(../neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}

#trigger a.current{ background-position:-78px 0px;}



#tabs-nav{ float:left;text-align: center; margin-left:15px;}

#tabs-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display:inline; position:relative; *top:12px;}

#tabs-nav li a {width: 8px; height: 8px; display: block; overflow:hidden; background:#9df0f5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}

#tabs-nav li a:hover { background:#fff; }

#tabs-nav li a.flex-active{ background:#fff; cursor: default; }

.index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;}

.index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url(../dt-2.gif) no-repeat left center; font-weight:normal; font-size:14px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;}

.index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;}

.index-links ul{ margin:0px; padding:0px;}

.index-links .img{ margin-bottom:3px;}

.index-links .img li{ list-style:none; display:inline; padding-right:5px;}

.index-links .img img{ width:88px; height:31px;}

.index-links .txt{ zoom:1;}

.index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}



/*底部*/

.foot-nav{ text-align:center; margin-top:10px; height:25px; line-height:25px;}

.foot-nav span{ font-size:10px; margin:0px 8px; color:#888;}

.foot-text{ text-align:center; padding:0px 0px 5px; }
/*友情链接*/
.yqljbg {}
.yqlj {	padding: 24px 0px;}
.yqlj .conttit {	border-bottom: none;}
.yqlj .conttit span {	color: #5c5c5c;}
.yqlj p {	height: 30px;	line-height: 30px;clear:both;}
.yqlj p a {	padding-right: 15px;	color: #808080; float:left}
.yqlj {  padding: 24px 0px 170px 0px; margin:auto; width:1150px; }
.yqlj .conttit .tita {  padding-left: 0px; float:left;  color: #151515; font-size:16px; }
.yqlj .tit_line{ height:1px; background:#ccc; display:block; width:920px; margin-top:20px; float: left;}
.yqlj .tit_enter{ float:right;}



/*内页侧栏*/

.sidebar{ margin-top:15px; margin-bottom:50px;}

.sidebar .sb_nav{ float:left; width:240px;}

.sidebar .sb_nav h3.title{ text-align: center; background:#da251d; padding:0px 15px; height:75px; line-height:75px;font-size:24px; color:#fff;}

.sidebar .sb_nav h3.line{ margin-top:15px; }

.sidebar .sb_nav .active{ padding:0px 0px; background:#fff;margin-bottom:15px;border:1px solid #ececeb; border-top:none}

#sidebar dl{ }

#sidebar dl dt{ margin-top:5px; background:url(../p14-icon5.png) no-repeat right center #f2f2f2; height:50px; line-height:50px;}

#sidebar dl dt a {

    display: block;

    font-size: 16px;

    font-weight: bold;

    margin-right: 40px;

    margin-left: 40px;

    color: #333;

}

#sidebar dl dd{ }

#sidebar dl dd h4{ font-weight:normal; padding:10px 40px 10px 40px; background:url(../lidd.gif) no-repeat 25px center; border-bottom:dotted #CCCCCC 1px}
#sidebar dl dd h4 a{ font-size:14px}



#sidebar dl dt.on {background:url(../p14-icon2.png) no-repeat right #da251d; }

#sidebar dl dt.on a{ color:#fff;}

#sidebar dl h4.on a{ font-weight:bold;}

.sidebar .sb_box{ float:right; width:940px; background:#fff; overflow:hidden; }

.sidebar .sb_box h3.title{ display:none;  height:35px; line-height:35px; position:relative; border-bottom:1px solid #ebebeb;}

.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:0px; font-size:14px; padding:0px 0px;border-bottom:1px solid #02b29c; }

.position{ font-weight:normal; position:relative; top:3px; border-bottom: 1px dashed #dcdcdc; line-height:47px; margin-bottom:35px; font-size:14px; color:#666666}
.position a{ color:#666666}

.contact-z1 {
    height: 140px;
    background: url(../contact-z1.jpg) no-repeat;
    color: #333;
    margin-bottom: 30px;
}
.contact-z1 .p1 {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    padding: 37px 0 0 95px;
    background: url(../contact-z1_tel.png) no-repeat 74px 44px;
}
.contact-z1 .p2 {
    display: block;
    height: 30px;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    padding-left: 73px;
}

.l_con {  width: 228px;  margin: 0 auto;  margin-bottom: 10px;}

.s_con {border: 1px solid #e2e2e2;   width: 228px;  margin: 0 auto;  margin-bottom: 10px;}

.c_con { width: 228px;  margin: 0 auto;   margin-bottom: 10px;}

.t04 {    background: #da251d;    line-height: 35px;   text-indent: 10px;   color: #fff;}

.info_b, .info_b2 {  padding: 5px 0;  overflow: hidden;   margin-bottom: 10px;}

.s_con dl dt{ border: 1px solid #e2e2e2; width:190px; height:140px;   padding: 5px;}

.s_con dl {   float: left;   overflow: hidden;   margin: 10px 0px 10px 12px; text-align:center;   width: 204px;}

.s_con dt img { max-width: 100%;    height: 140px;}

.s_con dd {   line-height: 30px;    height: 30px;   overflow: hidden;   text-align: center;   color: #000;   width: 200px;}

.news_con {   clear: both;   margin:11px 0px;}

.news_con li {   float: left; /*padding-left:15px;*/ line-height:30px;   width: 470px;/*background: url('../dtico.jpg') no-repeat scroll left center transpartnerent;*/}

.a_pro_con {   clear: both;   margin:11px 0px;}

.a_pro_con li{ width:260px; float:left; margin:10px 10px 0px 10px; text-align:center; border:1px solid #e2e2e2;}

.a_pro_con li img{ width:260px; float:left; height:160px;}

.a_pro_con li a{ display:block; line-height:30px;}

