@charset "utf-8";
* { margin:0; padding:0;}
body { font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1300px;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration: none; color:#eb2914;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1300px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

@font-face {
	font-family:'Akrobat-Bold';
		    src:url('../fonts/Akrobat-Bold.otf');
	font-weight:normal;
	 font-style:normal;
}


/*top*/
.header { width:100%; height:70px; padding:15px 0; margin:0 auto; background:#fff;}
.header .logo { float:left; height:70px;}
.header .logo img { display:block; height:100%;}

/*右侧*/
.header .serch { float:right; margin:15px 50px 0 0; overflow:hidden; border:1px solid #ddd; border-radius:4px;}
.header .serch input { display:block; float:left; width:120px; height:40px; line-height:40px; font-size:12px; color:#333; outline:none; padding:0 10px; border:none; background:#fff;}
.header .serch .btn { width:50px; height:42px; font-size:14px; color:#fff; background:url(../images/hy_01.png) no-repeat center;}
.header .tel { float:right; font-weight:bold; font-size:20px; color:#333; margin-top:15px; padding-left:45px; background:url(../images/hy_02.png) no-repeat left center;}
.header .tel i { display:block; line-height:15px; font-weight:500; font-style:normal; font-size:14px; color:#808080; padding-left:2px;}

/*导航*/
.nav { width:100%; height:70px; background:url(../images/hy_03.jpg) no-repeat center top; position:relative; z-index:999;}
.nav li { float:left; width:calc(100% / 11); text-align:center; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease; position:relative;}
.nav li::after { display:block; content:""; width:0; height:1px; margin:0 auto; background:#fff;  position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li a { display:block; width:100%; line-height:25px; font-size:16px; color:#fff; padding:15px 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li a i { display:block; line-height:15px; font-style:normal; font-size:12px; color:rgba(255,255,255,0.5);}
.nav li:hover::after,.nav .on::after { width:15px;}
.nav li:hover ul { display:block;}
.nav li ul { display:none; width:100%; background:#2e7eef; overflow:hidden; position:absolute; top:70px; left:0;}
.nav li li { float:none; width:100%; border-top:1px solid #2776e6; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li li::after { display:none;}
.nav li:hover li a { line-height:40px; font-weight:500; font-size:14px; color:rgba(255,255,255,0.7); padding:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav li li:hover { background:#2776e6;}
.nav li li:hover a { color:#fff;}

/*banner*/
.banner { width:100%; position:relative;}
.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullet {	width:10px; height:10px; margin:0 10px !important; filter:alpha(opacity=100); opacity:1; border-radius:50%; border:2px solid #fff; background:none; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { background:#fff;}
.banner .swiper-button-prev,.banner .swiper-button-next { width:50px; height:50px; filter:alpha(opacity=40); opacity:0.4; border-radius:50%; background:rgba(0,0,0,0.8); -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-size:22px; color:#fff;}
.banner .swiper-button-prev { left:10%;}
.banner .swiper-button-next { right:10%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { filter:alpha(opacity=100); opacity:1;}

.banner_ej { width:100%; height:320px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:cover;}

/*脚部*/
.links { width:100%; padding-top:30px; border-top:1px solid #ececec; background:#fff url(../images/hy_23.jpg) no-repeat center bottom;}
.links span { display:inline-block; width:140px; height:35px; line-height:35px; position:relative;}
.links span i { font-style:normal; font-size:18px; color:#2067e5; position:relative; z-index:2;}
.links span b { font-size:38px; color:#ebebeb; text-transform:Uppercase; position:absolute; left:0;}
.links a { display:inline-block; font-size:16px; color:#666; padding:0 10px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.links a:hover { color:#2067e5;}
.footer { width:100%; padding-top:140px; background:#181818 url(../images/hy_24.jpg) no-repeat center top;}
.footer .nva { float:left;}
.footer .nva li { float:left; width:90px;}
.footer .nva li h3 { font-weight:500; line-height:35px; font-size:17px; color:#fff; margin-bottom:10px;}
.footer .nva li a { display:inline-block; width:100%; line-height:30px; font-size:15px; color:#868686; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer .nva li a:hover { color:#fff;}
.footer .nva .wt180 { width:235px; margin:0 60px; padding:0 50px 0 75px; border-left:1px solid #303030; border-right:1px solid #303030;}
.footer .nva .wt180 a { width:115px;}
.footer .tel { float:right; padding-left:75px; margin:90px 90px 0 0; background:url(../images/hy_25.png) no-repeat left 10px;}
.footer .tel p { font-size:16px; color:#e5e5e5;}
.footer .tel h3 { line-height:45px; font-size:28px; color:#fff;}
.footer .img { float:right; width:95px; text-align:center; margin-top:55px;}
.footer .img img { display:block; width:95px; height:95px; background:#fff;}
.footer .img p { line-height:25px; font-size:13px; color:#999; margin-top:10px;}
.footer .copy { width:100%; line-height:30px; margin-top:50px; padding:20px 0; border-top:1px solid #303030;}
.footer .copy p { float:left; max-width:80%; font-size:14px; color:#707070;}
.footer .copy p a { color:#707070;}
.footer .copy .addr { padding-right:30px; background:url(../images/hy_33.png) no-repeat right top / 22px;}
.footer .copy li { float:right; width:35px; height:35px; margin:10px 0 0 15px; border:1px solid #5b5b5f; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:20px; position:relative;}
.footer .copy li a { display:block; width:100%; height:100%;}
.footer .copy li img { display:none; width:95px; height:95px; position:absolute; left:-35px; bottom:45px;}
.footer .copy li:hover img { display:block;}
.footer .copy .wei { background-image:url(../images/hy_28.png);}
.footer .copy .eml { background-image:url(../images/hy_29.png);}
.footer .copy .qq { background-image:url(../images/hy_26.png);}
.footer .copy .gslz { background-image:url(../images/gslz.png); background-size:35px;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*右侧客服*/
.webonline { width:60px; position:fixed; right:5px; bottom:10%; z-index:999999;}
.webonline li { width:100%; margin-top:-1px; text-align:center; border:1px solid #ddd; background:#fff; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.webonline li .ontop { width:100%; padding:10px 0;}
.webonline li .ontop i { display:block; width:25px; height:25px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:25px;}
.webonline li .ontop p { line-height:20px; font-size:12px; color:#888;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#2e7eef; position:absolute; right:70px; top:10px;}
.webonline li .onlft::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #2e7eef; line-height:0px; _border-color:#000 #000 #000 #2e7eef; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; top:16px;}
.webonline li .onlft p { width:165px; line-height:35px; font-size:20px; color:#fff;}
.webonline li .onlft img { display:block; width:120px; border:3px solid #fff;}
.webonline li:hover { border-color:#2e7eef; background:#2e7eef;}
.webonline li:hover .onlft { display:block;}
.webonline li:hover .ontop p { color:#fff;}
.webonline .qq { border-radius:2px;}
.webonline .qq i { background-image:url(../images/hy_26h.png);}
.webonline .qq:hover i { background-image:url(../images/hy_26.png);}
.webonline .dh i { background-image:url(../images/hy_27h.png);}
.webonline .dh:hover i { background-image:url(../images/hy_27.png);}
.webonline .wx i { background-image:url(../images/hy_28h.png);}
.webonline .wx:hover i { background-image:url(../images/hy_28.png);}
.webonline .yx i { background-image:url(../images/hy_29h.png);}
.webonline .yx:hover i { background-image:url(../images/hy_29.png);}
.webonline .qwx i { background-image:url(../images/hy_32h.png);}
.webonline .qwx:hover i { background-image:url(../images/hy_32.png);}
.webonline .btn_top { height:60px; margin-top:5px; border-radius:2px; background:#fff url(../images/hy_30h.png) no-repeat center / 30px;}
.webonline .btn_top:hover { background:#2e7eef url(../images/hy_30.png) no-repeat center / 30px;}

/**栏目标题**/
.tits { width:100%; line-height:55px; margin-bottom:50px;}
.tits h3 { float:left; height:55px; font-size:36px;}
.tits h3 span { color:#2e7eef;}
.tits h3 b { color:#333;}
.tits h3 i { display:inline-block; font-style:normal; font-weight:500; font-size:16px; color:#999; text-transform:Uppercase; padding-left:20px; margin-left:15px; position:relative; top:-5px;}
.tits h3 i::after { display:block; content:""; width:1px; height:15px; background:#ccc; position:absolute; left:0; top:21px;}
.tits p { float:right; max-width:50%; font-size:16px; color:#666; position:relative;}
.tits p::after { display:block; content:""; width:25px; height:1px; background:#b0b0b0; position:absolute; left:-40px; top:28px;}

/*热销产品*/
.hotpro { width:100%; padding:90px 0;}
.hotpro .tabs { float:left; width:400px; position:relative; z-index:2;}
.hotpro .tabs li { width:100%; background-image:linear-gradient(#323232,#393939); position:relative;}
.hotpro .tabs li::before,.hotpro .tabs li::after { display:none; content:""; margin:auto; position:absolute; top:0; bottom:0;}
.hotpro .tabs li::before { width:30px; height:100%; background:#2e7eef; right:-30px;}
.hotpro .tabs li::after { width:10px; height:10px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); right:0;}
.hotpro .tabs li a { display:block; padding:20px 30px;}
.hotpro .tabs li .img { float:left; width:65px; height:65px; border:5px solid #5a5a5a; border-radius:50%; overflow:hidden;}
.hotpro .tabs li .img img { display:block; height:100%;}
.hotpro .tabs li .msg { float:right; width:calc(100% - 100px); padding:5px 0 0 10px;}
.hotpro .tabs li .msg h3 { line-height:40px; font-size:20px; color:#fff;}
.hotpro .tabs li .msg p { font-size:13px; color:#b2b2b2;}
.hotpro .tabs .on { background:#2e7eef;}
.hotpro .tabs .on::before,.hotpro .tabs .on::after { display:block;}
.hotpro .tabs .on .img { float:right; border-color:#64a0f6;}
.hotpro .tabs .on .msg { float:left;}
.hotpro .tabs .on .msg p { color:#fff;}
.hotpro .mynr { float:right; width:875px; height:460px;}
.hotpro .mynr .swiper-slide { background:#fff;}
.hotpro .mynr a,.hotpro .mynr img { display:block; width:100%;}
.hotpro .botm { width:100%;}
.hotpro .botm li { float:left; width:315px; height:230px; margin:10px 13px 0 0; overflow:hidden; position:relative;}
.hotpro .botm li:last-child { margin-right:0;}
.hotpro .botm li a,.hotpro .botm li img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.hotpro .botm li p { width:190px; height:35px; line-height:35px; font-size:15px; color:#fff; margin:0 auto; padding:0 50px 0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(0,0,0,0.65) url(../images/hy_04.png) no-repeat 225px center; position:absolute; left:0; right:0; bottom:15px;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.hotpro .botm li:hover img { transform:scale(1.1,1.1);}
.hotpro .botm li:hover p { background-color:rgba(46,126,239,0.85);}

/*关于我们*/
.about { width:100%; padding:90px 0 120px 0; background:#f7f8fa url(../images/hy_05.png) no-repeat right center;}
.about .lft { float:left; width:510px;}
.about .lft .msg { width:100%;}
.about .lft .msg h3 { line-height:35px; font-weight:500; font-size:20px; color:#333; padding-bottom:25px; position:relative;}
.about .lft .msg h3::after { display:block; content:""; width:40px; height:1px; background:#999; position:absolute; left:0; bottom:0;}
.about .lft .msg p { line-height:30px; font-size:15px; color:#808080; margin:45px auto;}
.about .lft .msg a { display:block; width:130px; height:35px; line-height:35px; font-size:13px; color:#fff; text-align:center; background:url(../images/hy_07.png) no-repeat 0 0;}
.about .lft .msg a:hover { background-image:url(../images/hy_07h.png);}
.about .rgt { float:right; width:705px; position:relative;}
.about .rgt .img { width:645px; height:395px; padding:30px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.05); background:#fff;}
.about .rgt .img img { display:block; width:100%;}
.about .rgt .rong { width:295px; height:285px; overflow:hidden; position:absolute; right:0; top:270px;}

/*为什么*/
.whyus { width:100%; padding:90px 0 120px 0; background:url(../images/hy_06.jpg) no-repeat center top;}
.whyus .tabs { float:left; width:440px;}
.whyus .tabs .tit { color:#fff; padding-left:65px;}
.whyus .tabs .tit h1 { line-height:50px; font-size:30px; padding-bottom:10px; margin-bottom:5px; letter-spacing:2px; position:relative;}
.whyus .tabs .tit h1::after { display:block; content:""; width:40px; height:1px; background:#fff; position:absolute; left:0; bottom:0;}
.whyus .tabs .tit p { line-height:35px; font-size:16px; letter-spacing:1px;}
.whyus .tabs li { float:left; width:50%; color:#fff; text-align:center; margin-top:50px; cursor:pointer;}
.whyus .tabs li i { display:block; width:80px; height:80px; margin:0 auto 15px auto; border-radius:50%; background-repeat:no-repeat; background-position:center; position:relative;}
.whyus .tabs li i::after { display:block; content:""; width:90px; height:90px; background:url(../images/hy_08.png) no-repeat center; position:absolute; left:-5px; top:-5px;}
.whyus .tabs li h3 { line-height:35px; font-size:18px; letter-spacing:2px;}
.whyus .tabs li p { font-size:14px; color:rgba(255,255,255,0.7);}
.whyus .tabs .on i { background-color:#fff;}
.whyus .tabs li .wh1 { background-image:url(../images/hy_09.png);}
.whyus .tabs .on .wh1 { background-image:url(../images/hy_09h.png);}
.whyus .tabs li .wh2 { background-image:url(../images/hy_10.png);}
.whyus .tabs .on .wh2 { background-image:url(../images/hy_10h.png);}
.whyus .tabs li .wh3 { background-image:url(../images/hy_11.png);}
.whyus .tabs .on .wh3 { background-image:url(../images/hy_11h.png);}
.whyus .tabs li .wh4 { background-image:url(../images/hy_12.png);}
.whyus .tabs .on .wh4 { background-image:url(../images/hy_12h.png);}
.whyus .mynr { float:right; width:570px; padding-top:90px;}
.whyus .mynr h2 { line-height:90px; font-size:26px; color:#fff; margin-bottom:30px; letter-spacing:2px; border-bottom:1px solid rgba(255,255,255,0.3);}
.whyus .mynr h2 b { font-size:40px; margin-right:10px; position:relative; top:3px;}
.whyus .mynr .msg { height:200px; overflow:hidden;}
.whyus .mynr .msg p { line-height:40px; font-size:16px; color:#fff;}
.whyus .tel { padding-left:75px; margin-top:20px; background:url(../images/hy_13.png) no-repeat left 5px;}
.whyus .tel p { line-height:25px; font-size:16px; color:#fff;}
.whyus .tel h3 { font-weight:500; font-size:30px; color:#2e7eef;}

/*生产实力*/
.strength { width:100%; padding:90px 0; background:#f7f8fa;}
.strength h1 { line-height:55px; font-size:36px; color:#333; text-align:center; margin-bottom:50px;}
.strength h1 span { color:#2e7eef;}
.strength h1 p { line-height:30px; font-weight:500; font-size:16px; color:#666; letter-spacing:1px; margin-top:20px; position:relative;}
.strength h1 p::after { display:block; content:""; width:20px; height:1px; margin:auto; background:#2e7eef; position:absolute; left:0; right:0; top:-10px;}
.strength .swiper-slide { background:#fff;}
.strength .swiper-slide .img { width:100%; height:240px; overflow:hidden; position:relative;}
.strength .swiper-slide .img::after { display:none; content:""; width:100%; height:240px; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:2;}
.strength .swiper-slide .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.strength .swiper-slide p { line-height:60px; font-size:16px; color:#666; text-align:center; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.strength .swiper-slide i { display:none; width:40px; height:40px; margin:auto; border-radius:50%; background:#2e7eef url(../images/hy_04.png) no-repeat center; position:absolute; left:0; right:0; top:100px; z-index:3;}
.strength .swiper-slide:hover .img img { transform:scale(1.1,1.1);}
.strength .swiper-slide:hover .img::after,.strength .swiper-slide:hover i { display:block;}

/*业务范围*/
.business { width:100%; padding:50px 0; background:url(../images/hy_14.jpg) no-repeat center top;}
.business .lft { float:left; width:630px; padding:120px 0 0 65px;}
.business .lft .tits h3 { width:100%; margin-bottom:15px;}
.business .lft .tits h3 span { color:#fff;}
.business .lft .tits h3 i { color:rgba(255,255,255,0.5);}
.business .lft .tits p { float:none; max-width:100%; color:rgba(255,255,255,0.6);}
.business .lft .tits p::after { display:none;}
.business .lft li { float:left; width:315px; margin-top:60px;}
.business .lft li i { float:left; width:18px; height:40px; font-style:normal; font-size:14px; color:#fff; text-align:center; padding:5px; background-image:linear-gradient(#3183f6,#1665d4);}
.business .lft li h3 { float:left; line-height:45px; font-family:'Akrobat-Bold'; font-size:64px; color:#fff; margin:0 10px 0 15px;}
.business .lft li p { line-height:25px; font-size:16px; color:#b2b2b2;}
.business .lft li p sup { display:block; color:#fff;}
.business .rgt { float:right; width:565px; height:670px;}

/*服务流程*/
.service { width:100%; padding:80px 0 120px 0;}
.service li { float:left; width:135px; text-align:center; margin-right:59px; padding-top:125px; background-repeat:no-repeat; background-position:center top; position:relative;}
.service li::after { display:block; content:""; width:10px; height:10px; border-top:1px solid #bbb; border-right:1px solid #bbb; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:-30px; top:45px;}
.service li:last-child { margin-right:0;}
.service li:last-child::after { display:none;}
.service li h3 { line-height:40px; font-weight:500; font-size:17px; color:#333;}
.service li p { line-height:25px; font-size:12px; color:#999; text-transform:Uppercase;}
.service .lc01 { background-image:url(../images/hy_15.png);}
.service .lc01:hover { background-image:url(../images/hy_15h.png);}
.service .lc02 { background-image:url(../images/hy_16.png);}
.service .lc02:hover { background-image:url(../images/hy_16h.png);}
.service .lc03 { background-image:url(../images/hy_17.png);}
.service .lc03:hover { background-image:url(../images/hy_17h.png);}
.service .lc04 { background-image:url(../images/hy_18.png);}
.service .lc04:hover { background-image:url(../images/hy_18h.png);}
.service .lc05 { background-image:url(../images/hy_19.png);}
.service .lc05:hover { background-image:url(../images/hy_19h.png);}
.service .lc06 { background-image:url(../images/hy_20.png);}
.service .lc06:hover { background-image:url(../images/hy_20h.png);}
.service .lc07 { background-image:url(../images/hy_21.png);}
.service .lc07:hover { background-image:url(../images/hy_21h.png);}

/*新闻资讯*/
.news { width:100%; padding:70px 0 120px 0; background:url(../images/hy_22.jpg) no-repeat center top;}
.news h1 { line-height:55px; font-size:36px; color:#333; text-align:center; margin-bottom:50px;}
.news h1 span { color:#2e7eef;}
.news h1 p { line-height:30px; font-weight:500; font-size:16px; color:#666; letter-spacing:1px; margin-top:20px; position:relative;}
.news h1 p::after { display:block; content:""; width:20px; height:1px; margin:auto; background:#2e7eef; position:absolute; left:0; right:0; top:-10px;}
.news .lst { float:left; width:375px; padding:30px 20px 45px 20px; background:#fff; position:relative;}
.news .lst:nth-child(3) { margin:0 25px;}
.news .lst h3 { line-height:30px; font-size:20px; color:#333;}
.news .lst h3::first-letter { color:#2e7eef;}
.news .lst h3 p { line-height:15px; font-weight:500; font-size:12px; color:#999;}
.news .lst .img { width:375px; height:185px; overflow:hidden; margin:30px auto 15px auto;}
.news .lst .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .lst:hover .img img { transform:scale(1.1,1.1);}
.news .lst li { line-height:40px; padding-left:25px; background:url(../images/hy_31.png) no-repeat 5px 16px;}
.news .lst li a { display:block; float:left; width:75%; font-size:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .lst li span { display:block; float:right; font-size:13px; color:#999;}
.news .lst li:hover { background-image:url(../images/hy_31h.png);}
.news .lst li:hover a { color:#2e7eef;}
.news .lst .more { display:block; width:130px; height:35px; line-height:35px; font-size:13px; color:#fff; text-align:center; background:url(../images/hy_07.png) no-repeat 0 0; position:absolute; right:20px; bottom:-17.5px;}
.news .lst .more:hover { background-image:url(../images/hy_07h.png);}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1300px; margin:0 auto 40px auto;}
.comsite { width:100%; height:60px; line-height:60px; margin-bottom:30px; background:#f4f5f7;}
.comsite h3 { float:left; font-weight:500; font-size:16px; color:#333; margin-left:295px; position:relative;}
.comsite h3::after { display:block; content:""; width:3px; height:15px; background:#2e7eef; position:absolute; left:-15px; top:24px;}
.comsite p { float:right; font-size:12px; color:#666; padding-left:18px; background:url(../images/position.png) no-repeat left center / 12px;}
.comsite a { color:#666;}
.comsite a:last-child { color:#2e7eef;}
.zdlft { float:left; width:240px; margin-top:-110px;}
.zdlft h1 { line-height:30px; font-size:24px; color:#fff; text-transform:Uppercase; padding:20px; border-bottom:4px solid #343130; border-radius:4px 4px 0 0; overflow:hidden; background:#2e7eef; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zdlft h1 span { display:block; font-weight:500; font-size:16px; letter-spacing:1.5px;}
.zdlft .catnav { padding-top:10px; background:#f4f7f9;}
.zdlft .catnav li { line-height:50px; border-top:1px solid #e9e9e9; position:relative;}
.zdlft .catnav li::after { display:block; content:""; width:5px; height:5px; margin:auto; border-top:1px solid #999; border-right:1px solid #999; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:20px; top:0; bottom:0;}
.zdlft .catnav li a { display:block; font-size:14px; color:#333; padding:0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zdlft .catnav li:hover a { color:#2e7eef;}
.zdlft .catnav .on { background:#2e7eef;}
.zdlft .catnav .on::after { border-color:#fff;}
.zdlft .catnav .on a,.zdlft .catnav .on:hover a { color:#fff;}
.zdlft .hotrx { padding:15px 10px; margin-top:15px; background:#ebebec;}
.zdlft .hotrx li { margin-bottom:10px; border-radius:4px; background:#fff;}
.zdlft .hotrx li:last-child { margin-bottom:0;}
.zdlft .hotrx li a { display:block; padding:10px 10px;}
.zdlft .hotrx li .img { float:left; width:35px; height:35px; border:2px solid #ebebec; border-radius:50%; overflow:hidden;}
.zdlft .hotrx li .img img { display:block; height:100%;}
.zdlft .hotrx li .meg { float:right; width:calc(100% - 50px);}
.zdlft .hotrx li .meg h4 { line-height:20px; font-size:14px; color:#333;}
.zdlft .hotrx li .meg p { line-height:17px; font-size:11px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zdlft .hotrx li:hover { background:#2e7eef;}
.zdlft .hotrx li:hover .img { border-color:rgba(255,255,255,0.6);}
.zdlft .hotrx li:hover .meg h4 { color:#fff;}
.zdlft .hotrx li:hover .meg p { color:rgba(255,255,255,0.8);}
.zdlft .msg { margin-top:15px; padding-bottom:15px; border-radius:4px; background:#f4f7f9; overflow:hidden;}
.zdlft .msg h3 { line-height:25px; font-weight:500; font-size:18px; color:#fff; padding:10px 15px; margin-bottom:5px; border-bottom:4px solid #343130; background:#2e7eef;}
.zdlft .msg h3 span { display:inline-block; font-size:12px; color:rgba(255,255,255,0.6); text-transform:Uppercase; margin-left:10px;}
.zdlft .msg a { display:block; line-height:40px; font-size:14px; color:#666; padding:0 15px 0 30px; border-bottom:1px solid #e9e9e9; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.zdlft .msg a:last-child { border-bottom:none;}
.zdlft .msg a::after { display:block; content:""; width:4px; height:4px; border-radius:50%; background:#999; position:absolute; left:15px; top:20px;}
.zdlft .msg a:hover { color:#2e7eef;}
.zdlft .msg a:hover::after { background:#2e7eef;}
.zdrgt { float:right; width:1020px;}

/*详情页公用*/
.lh { line-height:30px; font-size:14px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.showcont { width:1120px; margin:30px auto; padding:40px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.03); background:#fff;}
.show_h3 { width:100%; line-height:40px; margin-bottom:30px; border-bottom:1px solid #eee;}
.show_h3 h3 { font-weight:500; font-size:24px; color:#333;}
.show_h3 p { font-size:12px; color:#999;}
.show_sxp { line-height:25px; font-size:14px; color:#666; margin-top:20px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#2e7eef;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { text-decoration:underline;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.scott { text-align:center; margin-top:40px; overflow:hidden;}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border:1px solid #2e7eef; border-radius:4px; overflow:hidden;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#2e7eef; cursor:pointer;}
.scott li:hover,.scott .active { background:#2e7eef;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { width:100%; padding:25px 0; border-bottom:1px solid #f4f4f4; position:relative;}
.newlist li::after { display:block; content:""; width:0%; height:100%; background:#f3f4f8; position:absolute; bottom:0; right:0; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li a { display:block; width:100%;}
.newlist li .time { float:left; width:80px; height:70px; line-height:15px; font-size:12px; color:#666; text-align:center; padding-top:10px; border:1px solid #eaebef; overflow:hidden; position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .time b { display:block; line-height:40px; font-weight:500; font-size:36px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:right; width:calc(100% - 110px); position:relative; z-index:1;}
.newlist li .msg h3 { line-height:25px; font-weight:500; font-size:15px; color:#333; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { line-height:25px; font-size:12px; color:#999;}
.newlist li:hover::after { width:95%;}
.newlist li:hover .time { color:rgba(255,255,255,0.8); border-color:#2e7eef; background:#2e7eef;}
.newlist li:hover .time b { color:#fff;}
.newlist li:hover .msg h3 { color:#2e7eef;}

/*图片列表*/
.piclist { width:100%;}
.piclist .tits { margin:25px auto;}

.piclist li { float:left; width:320px; margin:0 25px 25px 0; padding:15px 15px 10px 15px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li:nth-child(3n) { margin-right:0;}
.piclist li a { display:block; width:100%;}
.piclist li .img { width:290px; height:225px; overflow:hidden;}
.piclist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li p { line-height:30px; font-size:16px; color:#333; text-align:center; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li:hover { border-color:#2e7eef; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.piclist li:hover .img img { transform:scale(1.1,1.1);}
.piclist li:hover p { color:#2e7eef;}

/*资质*/
.honor li { width:240px; margin-right:20px;}
.honor li:nth-child(3n) { margin-right:20px;}
.honor li:nth-child(4n) { margin-right:0;}
.honor li .img { width:206px; height:283px;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:320px; height:240px; margin:0 30px 40px 0; padding:15px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li:nth-child(3n) { margin-right:0;}
.prolist li a { display:block; width:100%;}
.prolist li .img { width:290px; height:210px; overflow:hidden;}
.prolist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li p { width:70%; line-height:40px; font-size:15px; color:#fff; text-align:center; margin:0 auto; padding:0 20px; border-radius:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#2e7eef; -webkit-transition:all .5s ease; transition:all .5s ease; position:absolute; left:0; right:0; bottom:-20px; z-index:2;}
.prolist li:hover { border-color:#2e7eef; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.prolist li:hover .img img { transform:scale(1.1,1.1);}
.prolist li:hover p { color:#fff; background:#333;}