@charset "utf-8";@import url('fonts.css?t=20140501');
*{margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all;}
a,.pager a font,.fixtop,.fixtop .logo,.tblank,.fixtop .form,.fixtop .navpc li p i,.fixtop .lansearch .lan,.fixtop .lansearch .search,.fixtop .navpc li .list .grid .p img,.indproduct li .pic img,.indintroduce .mleft img,.bannerbrand .cons li,.product .control,.product .mix .pic img,.product .mix .title,.job li .t,.proshow .mleft .img p img,.brand .grid .mright img,.message dd.btn input
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.fixtop .navpc li .list .grid .p img:hover,.indproduct li:hover .pic img,.brandpro .down li:hover .pic a,.indintroduce .mleft img:hover,.product .mix:hover .pic img,.proshow .mleft .img p:hover img,.brand .grid .mright img:Hover
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.pd,.brandpro,.message dd p input[type="text"],.message dd p textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.abc
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;background:#eeeff1;line-height:1.8;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','PingFang SC','SF Pro Text','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea {font-size:16px;color:#333;font-weight:400}a {color:#333}b,strong {font-weight:700;}
.foot a{color:#1f84c9}
a:hover,.footer a:hover,.foot a:hover,.fixtop .navpc li .list .grid .t a:hover,.indmore a:hover,.brandpro .up .more a:hover,.brandpro .down li:hover .title a,.foot a:hover{color:#1da9ff}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {max-width:100%; height:auto; vertical-align: top; -webkit-touch-callout: none;border:0}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
hr {border:0; background:#ddd;height:1px;margin:10px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1;}.imgcover img {width:100%;height:100%;object-fit:cover;}
.mc{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; text-align: center;}
.ml{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:left;justify-content:left; text-align: left;}
.mr{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end; text-align: right}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {width:100%;}
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 10px;width:40px; height:40px; line-height:38px; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);text-align: center;border-radius:40px;}   
.pager font {font-family:'宋体';font-weight:700;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#1da9ff; background: #1da9ff} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#000;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #1f84c9;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

::-webkit-input-placeholder {color:#999999;}
:-moz-placeholder {color:#999999; }
::-moz-placeholder { color:#999999; }
:-ms-input-placeholder {color:#999999; }

::selection {background:#1f84c9;color:#ffffff;}
::-moz-selection {background:#1f84c9;color:#ffffff;}
::-webkit-selection {background:#1f84c9;color:#ffffff; }

.wrap {margin:0 auto;max-width:1200px;position:relative;}
.phonemenu { display:none;}
.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:100px; background:rgba(255,255,255,0.95); box-shadow:0 0 5px rgba(0,0,0,0.2)}
.fixtop .logo { position: absolute;left:0px;width:127px; height:50px;background:url(../images/logo.png) no-repeat center;background-size:100%;top:25px; z-index: 999;}
.fixtop .logo a { display:block;width:100%; height: 100%}
.fixtop .navpc {text-align:right;margin:0 190px 0 0}
.fixtop .navpc li {display:inline-block; vertical-align:top; position: relative;margin:0 0 0 60px}
.fixtop .navpc li a.a {display: block; height:100px; line-height:98px;font-size:20px;font-weight:700;text-transform: uppercase;color:#1f84c9}
.fixtop .navpc li p { position:absolute;left:0;bottom:0;width:100%; height:3px; text-align: center}
.fixtop .navpc li p i { display:block;width:0;height:100%; background:#1da9ff;margin:0 auto}
.fixtop .navpc li:hover a.a,.fixtop .navpc li.check a.a,.fixtop ul.navpc li:hover>a.a {color:#1da9ff}
.fixtop .navpc li:hover p i,.fixtop .navpc li.check p i,.fixtop .navpc li:hover>a.a p i {width:100%}

.fixtop .navpc li .list { position:absolute; z-index: 9999; left:-40px;width:480px;top:100px;display:none;background:rgba(255,255,255,0.95); text-align:left; box-shadow:0 0 5px rgba(0,0,0,0.3);padding:30px 20px}
.fixtop .navpc li .list .grid {display:inline-block;width:200px; vertical-align: top;margin:0 20px}
.fixtop .navpc li .list .grid .p {margin:10px 0 20px 0; overflow: hidden}
.fixtop .navpc li .list .grid .p img {width:300px;height:auto}
.fixtop .navpc li .list .grid .t a {font-weight:700;font-size:20px;color:#1f84c9;}
.fixtop .navpc li .list .grid .t a span {display:inline-block; vertical-align: top;margin:9px 0 0 3px;font-size:12px}

.fixtop .lansearch {position:absolute;right:0;top:0;color:#1f84c9;}
.fixtop .lansearch .list {position:absolute;left:0;top:0; display:none; }
.fixtop .lansearch span {display:inline-block; vertical-align: top;}
.fixtop .lansearch .btn {cursor:pointer;height:50px; line-height: 50px;}
.fixtop .lansearch .lan {display:inline-block; vertical-align: top;margin:23px 10px 0 0;}
.fixtop .lansearch .lan .btn span.icon-diqiu {font-size:20px;margin:2px 8px 0 0}
.fixtop .lansearch .lan .btn span.icon-xialajiantouxiao {font-size:14px;margin:2px 0 0 5px}
.fixtop .lansearch .lan .list {top:70px;padding:30px 0 0 0;}
.fixtop .lansearch .lan .list .in { background:rgba(255,255,255,0.95);box-shadow:0 0 5px rgba(0,0,0,0.2);padding:12px 0 15px 28px;width:98px;}
.fixtop .lansearch .lan .list p {margin:5px 0}
.fixtop .lansearch .search {display:inline-block; vertical-align: top;margin:25px 0 0 10px}
.fixtop .lansearch .search .btn span {font-size:23px;}
.fixtop .lansearch .search .list {top:70px;left:auto;right:-58px;padding:30px 0 0 0;}
.fixtop .lansearch .search .list .in { background:rgba(255,255,255,0.95);box-shadow:0 0 5px rgba(0,0,0,0.2);padding:30px 40px;width:360px; text-align:center;}
.fixtop form {border:1px solid #1f84c9;border-radius:40px}
.fixtop form #k {height:38px;width:270px; padding:0 15px;display: inline-block; vertical-align: top;color:#1f84c9; background:none;}
.fixtop form #sbtn { cursor: pointer;display: inline-block; vertical-align: top;width:40px; height:40px; line-height:38px;color:#fff; text-align: center; font-family: "iconfont" !important;font-size:25px;background:none;color:#1f84c9}
.tblank {height:100px}

.fixtop.active {top:-20px}
.fixtop.active .logo { top:35px;}
.fixtop.active .navpc li a.a {line-height:119px}
.fixtop.active .lansearch .lan {margin-top:33px}
.fixtop.active .lansearch .search {margin-top:35px}
.tblank.active {height:80px}

.indpics .swiper-slide { position:relative;padding:20.3% 0; overflow: hidden}
/**
.indpics .swiper-slide .imgcover{transition:0s linear 1s;transform:scale(1.1,1.1);}
.indpics .swiper-slide-active .imgcover,.swiper-slide-duplicate-active .imgcover{transition:7s linear;transform:scale(1,1);}
@keyframes myfirst { 0% {transform: translate(0px, 0px); } 50% {transform: translate(0px, -10px); }100% {transform: translate(0px, 0px);}}
**/

.indsubject {font-weight:700;font-size:30px; line-height: 40px;margin:0 0 40px 0;color:#1f84c9; position: relative}
.indsubject .indmore {position:absolute;right:0;top:2px}
.indmore a {font-size:14px;color:#333;font-weight:400}
.indmore a span {display:inline-block; vertical-align: top;margin:16px 0 0 2px;font-size:22px; line-height: 22px;}
.indproduct {float:left;width:50%;margin:90px 0 0 0}
.indproduct ul {width:104%;margin:-4% 0 0 -2%}
.indproduct li {float:left;width:46%;margin:4% 2% 0 2%;}
.indproduct li .pic {padding:50px; background: #fff; position: relative;border-top-left-radius:40px}
.indproduct li .pic:before {content:''; position: absolute;left:0;top:0;width:40px;height:40px; z-index: 100; background:url("../images/hot.png") no-repeat center;}
.indproduct li .pic a {position:relative;padding:34.82% 0; display:block}
.indproduct li .title a {display:block; background: #1f84c9;height:45px; line-height: 43px; overflow: hidden;color:#fff;font-size:20px; text-align: center}
.indproduct li:hover .title a {background:#1da9ff}

.indsubject2 {font-weight:700;font-size:30px; line-height: 40px;margin:0 0 40px 0;position: relative}
.indsubject2:before {content:''; position: absolute;left:0;bottom:-30px;width:30px;height:2px; background: #fff;}
.brandpro {float:right;width:42%; margin:97px 0 0 0;}
.brandpro .up {background: #1f84c9;color:#fff;padding:43px 45px 48px 50px}
.brandpro .up .content {margin:55px 0 0 0;font-size:18px; line-height: 2.2}
.brandpro .up div.icon {border-bottom:1px solid #fff;margin:40px 0 15px 0;}
.brandpro .up .icon i {background:url("../images/gou.png") no-repeat center;width:76px;height:40px;display:block}
.brandpro .up .more {position:relative;}
.brandpro .up .more a {color:#fff;}
.brandpro .up .more p {position:absolute;right:0;top:1px}
.brandpro .up .more p span {font-size:25px; line-height: 25px}

.brandpro .down ul {width:104%;margin:0 0 0 -2%;}
.brandpro .down li {float:left;width:46%;margin:4% 2% 0 2%; background: #fff; text-align: center;padding:35px 0 26px 0}
.brandpro .down li .pic {overflow: hidden;border-radius:50%;width:120px;height:120px;margin:0 auto 15px auto}
.brandpro .down li .pic a {width:100%;height:100%;border-radius:50%;margin:0 auto; display: block;overflow: hidden; }
.brandpro .down li .title a {font-weight:700;font-size:25px;color:#1f84c9;}
.brandpro .down li .title a span {display:inline-block; vertical-align: top;font-size:14px;margin:12px 0 0 5px}

.indintroduce {margin:100px 0 120px 0}
.indintroduce .mleft {float:left;width:50%; background: #fff; overflow: hidden}
.indintroduce .mleft img {width:100%}
.indintroduce .mright {float:left;width:42%;margin:0 0 0 8%}
.indintroduce .mright .logo {background: url("../images/logo.png") no-repeat center;background-size:100%;width:127px;height:50px;}
.indintroduce .mright .t {border-bottom:1px solid #1f84c9;color:#1f84c9;font-weight:700;font-size:50px; line-height:70px;padding:40px 0 30px 0;margin:0 0 30px 0}
.indintroduce .mright .c {font-weight:700;font-size:30px; line-height:45px;color:#1f84c9;}

.bannerbrand { position:relative}
.bannerbrand .pic {padding:20.3% 0; position: relative; overflow: hidden}
.bannerbrand .cons {position:absolute;left:0;top:0;width:100%;height:100%; z-index: 100; text-align: left;}
.bannerbrand .cons .subject {color:#1f84c9;margin:0 0 30px 0}
.bannerbrand .cons .subject .t {font-size:25px; line-height: 35px;font-weight:700;margin:0 0 3px 0}
.bannerbrand .cons .subject .e {font-size:20px; line-height: 30px;}
.bannerbrand .cons .wrap {width:100%}
.bannerbrand .cons ul {width:550px;}
.bannerbrand .cons li {float:left;width:46%;margin:2% 4% 2% 0;background: rgba(255,255,255,0.6);padding:28px 30px 30px 30px;color:#000}
.bannerbrand .cons li .t {font-weight:700;font-size:20px; line-height: 30px;margin:0 0 32px 0;color:#1f84c9; position: relative;}
.bannerbrand .cons li .t:before {content:''; position: absolute;left:0;bottom:-20px; background: url("../images/1.png") no-repeat center;width:57px;height:10px; background-size:100%}
/**
.bannerbrand .pic>p,.bannerin .pic>p {width: 100%;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;	-webkit-animation-iteration-count: 1;}
@keyframes minus {0% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
**/
.bannerbrand .cons li:hover {background:#fff;box-shadow:5px 5px 10px rgba(0,0,0,0.15)}
body.bg {background:#fff}
.brand .wrap {background:#fff;padding:100px 100px 120px 100px}
.brand .logo {background:#1f84c9; text-align: center;width:25%;padding:49px 0  49px 0;float:left;}
.brand .logo p { background:url("../images/logowhite.png") no-repeat center;width:127px; height:50px;margin:0 auto}
.brand .logo span {color:#fff;font-weight:700;font-size:35px; line-height: 45px; display: block;margin:20px 0 0 0; letter-spacing: 1px}
.brand .cons {float:right;width:67%;margin:18px 0 60px 0}
.brand .cons,.brand .cons2 {font-size:19px; line-height: 2;}
.bannerin .pic {padding:20.3% 0; position: relative; overflow: hidden}

.product {padding:0 0 130px 0}
.product .subject {position:relative;color:#1f84c9;font-weight:700;font-size:35px; line-height: 35px;margin:120px 0 35px 0}
.product .subject .c {position:absolute;right:0;top:3px;font-weight:400;font-size:18px;}
.product .control {position: relative;display: inline-block;cursor: pointer;color:#1f84c9;margin:0 50px 40px 0;font-size:20px; line-height: 30px;font-weight:700; position: relative; z-index: 999}
.product .mixitup-control-active {color:#1da9ff}
.product .targets {width:104%;margin:-4% 0 0 -2%}
.product .mix {display:inline-block; vertical-align: top;width:29.3333%;margin:4% 2% 0 2%}
.product .mix .pic { background: #fff;padding:50px;}
.product .mix .pic h2 {position:relative;padding:50% 0}
.product .mix .title {height:45px; line-height:43px; overflow: hidden;text-align: center;color:#fff;font-weight:700;font-size:20px; background: #1f84c9;}
.product .mix .title a {color:#fff}
.product .mix:hover .title {background:#1da9ff}
.namemj {position:absolute;top:-180px}

.map {float:right;width:50%;margin:100px 0}
.map iframe,#container {width:100%;height:500px}

.job {padding:100px 0 120px 0;margin:0 auto;}
.job .subject {text-align:center;color:#1f84c9;font-weight:700;font-size:30px; line-height: 40px;margin:0 0 60px 0}
.job li { position:relative;border:1px solid #ccc;margin-top:-1px}
.job li .t { display:inline-block; vertical-align:top;padding:20px 100px 20px 40px;font-size:20px; line-height: 30px;color:#1f84c9;font-weight:700}
.accordionservice li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; position: relative}
.accordionservice li .link i { position: absolute;right:0px;top:0px}
.accordionservice li .link i:before {content: "\e685";font-family: "iconfont" !important; position: absolute;right:40px;top:22px;color:#1f84c9;font-weight:700}
.accordionservice li.open .link { background:#1f84c9;color:#fff}
.accordionservice li.open .link i:before {content:'\e768';color:#fff}
.accordionservice li.open .link .t {color:#fff}
.accordionservice .submenu {display:none;padding:35px 40px 40px 40px; background: #fff;font-size:16px; line-height: 1.8}

.proshow {margin:120px 0 150px 0}
.proshow .wrap {width:100%;}
.proshow .mleft {float:left;width:62%; position: relative;padding:80px 0}
.proshow .mleft .bg {position:absolute;left:0;top:0;width:75%;height:100%; z-index: 1; background: #1f84c9}
.proshow .mleft .img { position:relative; z-index: 10;padding:0 0 0 25%}
.proshow .mleft .img p {background:#fff;padding:50px;box-shadow:0 0 20px rgba(0,0,0,0.15); overflow: hidden}
.proshow .mleft .img p img {width:100%;}
.proshow .mleft .pic .up {position:absolute;left:30px;top:78px;width:150px;font-size:14px; line-height: 24px; color:#fff; z-index: 100}
.proshow .mleft .pic .up:before {content:'';bottom:-12px;width:20px;height:1px; background: #1da9ff;position: absolute;left:0}
.proshow .mleft .pic .down {position:absolute;left:30px;bottom:78px;width:150px;font-size:14px; line-height: 24px; color:#fff; z-index: 100;padding:0 0 0 15px}
.proshow .mleft .pic .down:before {content:'';top:10px;width:5px;height:5px; background: #1da9ff;position: absolute;left:0}
.proshow .mright {float:right;width:30%;margin:0 0 0 8%}
.proshow .mright .entitle {font-weight:700;font-size:40px; line-height:55px;color:#000}
.proshow .mright .subtitle {font-size:20px; line-height: 35px;border-bottom:1px solid #333;padding:8px 0 18px 0;margin:0 0 20px 0}
.proshow .mright .title {color:#1f84c9;font-weight:700;font-size:25px; line-height: 35px;}
.proshow .mright .content {margin:60px 0 60px 0;}
.proshow .mright .buy a {display:block; background: #dc272c;width:150px;height:40px; line-height:38px;color:#fff; text-align: center;}
.proshow .mright .buy a span {font-size:22px;margin:1px 0 0 10px;display:inline-block;vertical-align: top;}
.proshow .mright .weight {color:#1f84c9;margin:15px 0 0 0}
.proshow .mright .buy a:hover {background:#1da9ff;width:170px}

.brand .grid {margin:90px 0 0 0; background: #eeeff1}
.brand .grid .mleft {width:40%;color:#1f84c9;padding:0 0 0 80px}
.brand .grid .mleft .t {font-weight:700;font-size:25px; line-height: 35px;margin:0 0 20px 0}
.brand .grid .mleft .c {font-size:19px; line-height: 2}
.brand .grid .mright {width:50%;margin:0 0 0 10%; overflow: hidden}
.brand .grid .mright img {width:100%}
.brandlist li {margin:10px 0 0 0}

.message {margin:120px 0}
.message dl {max-width:600px}
.message .subject1 {color:#1f84c9;font-weight:700;font-size:30px; line-height: 30px;border-bottom:1px solid #ccc;padding:0 0 25px 0}
.message .subject {margin:40px 0 0 0}
.message dd {margin:20px 0 0 0}
.message dd span i {color:#ff0000; display: inline-block; vertical-align: top;margin:4px 0 0 2px}
.message dd p {margin:5px 0 0 0}
.message dd p input[type="text"] {width:100%;padding:0 10px;height:40px;border:1px solid #ddd;background: #f5f5f5}
.message dd p textarea {height:150px; line-height: 25px;padding:5px 10px; overflow: auto;border:1px solid #ddd;background: #f5f5f5;width:100%;margin:5px 0 0 0}
.message dd.btn input {cursor:pointer;padding:7px 0 9px 0;width:150px; background: #1f84c9;color:#fff; text-align: center;font-size:16px; letter-spacing:1px}
.message dd.btn input:hover {background:#1da9ff}
.message .wx {position:absolute;right:0;bottom:62px;width:120px; text-align: center;}
.message .wx img {border:1px solid #1f84c9}
.message .wx p {margin:10px 0 0 0}




.foot {background:#1f84c9;padding:50px 0;color:#fff}
.foot a {color:#fff}
.foot .logo {float:left;width:127px;height:50px;margin:8px 0 0 0}
.foot .logo a {display:block; background: url("../images/logowhite.png") no-repeat center;background-size:100%;width:100%;height:100%}
.foot .menu {float:left;margin:32px 0 0 2.8%; position: relative;padding:0 0 0 20px}
.foot .menu li {margin:0 15px;display:inline-block; vertical-align: top;}
.foot .menu li a {font-size:19px; line-height:29px;}
.foot .address {float:left;max-width:450px}
.foot .address .t {font-size:20px;border-bottom:1px solid rgba(255,255,255,0.5);padding:0 0 15px 0;margin:0 0 20px 0}
.foot .address .c {font-size:14px; line-height: 2.2}
.foot .wx {float:right;width:120px; text-align: center;margin:8px 0 0 0}
.foot .wx .t {margin:10px 0 0 0}
.footer {background:#1f84c9;text-align: center;color:#fff;font-size:14px; position: absolute;left:0;top:140px}
.footer a {color:#fff}