body { font-family: "Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; overflow-x: hidden; color: #333; }

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

.container { width: 1200px !important; padding-left: 0; padding-right: 0; }

.titles { overflow: hidden; text-align: center; }
.titles p { margin: 0; }
.titles p.h3 { font-size: 22px; font-weight: 600; color: black; }
.titles p.en { text-transform: uppercase; color: #666; padding: 8px 0 8px; position: relative; }
.titles p.en:after { content: ''; width: 120px; height: 2px; overflow: hidden; background: #DC0004; position: absolute; bottom: 0; left: 50%; margin-left: -60px; }

/* header */
.m-header .top { height: 30px; line-height: 30px; color: #666; background: #eee; overflow: hidden; }
.m-header .top .wellcome span { padding: 0 8px; color: #0E4484; }
.m-header .top .tell { color: #333; }
.m-header .top .tell span { width: 24px; height: 20px; overflow: hidden; background: url(../images/ico.png) no-repeat; background-position: 0 -197px; margin: 6px 10px 0 0; }
.m-header .logo-bar { height: 110px; }
.m-header .logo-bar .logo { margin: 26px 0 0; }
.m-header .logo-bar .img { line-height: 110px; }

/* nav */
.m-nav { width: 100%; height: 50px; overflow: hidden; background: url(../images/nav-bg.png) no-repeat center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.m-nav li { float: left; width: 130px; height: 50px; overflow: hidden; text-align: center; line-height: 50px; font-size: 16px; margin: 0 10px; }
.m-nav li a { display: block; color: #fff; }
.m-nav li a:hover { background: url(../images/nav-hv-bg.png) no-repeat center; }

/* notice */
.m-notice { width: 100%; height: 160px; overflow: hidden; background: url(../images/new-list-bg.png); position: relative; top: -80px; z-index: 999; }
.m-notice:after { content: ''; width: 1px; height: 110px; overflow: hidden; background: rgba(255, 255, 255, 0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF); position: absolute; top: 50%; left: 50%; margin-top: -55px; margin-left: -1px; }
.m-notice .txtScroll-top { width: 42%; margin: 20px 0 0 40px; color: #fff; }
.m-notice .txtScroll-top .hd { font-size: 16px; line-height: 30px; }
.m-notice .txtScroll-top .bd { overflow: hidden; }
.m-notice .txtScroll-top .bd .infoList li { line-height: 30px; color: #fff; }
.m-notice .txtScroll-top .bd .infoList li a { color: #fff; }
.m-notice .txtScroll-top .bd .infoList li i { width: 3px; height: 3px; overflow: hidden; background: #fff; -moz-border-radius: 100%; border-radius: 100%; margin: 14px 5px 0 0; }
.m-notice .link { width: 42%; color: #fff; margin: 40px 35px 0 0; }
.m-notice .link .ico { width: 61px; height: 55px; overflow: hidden; background: url(../images/ico.png) no-repeat; background-position: 0 0; position: absolute; top: 50%; left: 0; margin-top: -28px; }
.m-notice .link p { padding-left: 95px; font-size: 14px; }

/* product nav */
.m-product-nav { height: 550px; margin-bottom: 100px; }
.m-product-nav .hsd { height: 70px; overflow: hidden; margin-bottom: 10px; }
.m-product-nav .hsd .tit { width: 220px; height: 100%; overflow: hidden; background: #0E4484; text-align: center; line-height: 70px; font-size: 22px; letter-spacing: 3px; color: #fff; font-weight: 600; }
.m-product-nav .hsd .tit .ico { display: inline-block; vertical-align: sub; width: 25px; height: 25px; overflow: hidden; background: url(../images/ico.png) no-repeat; background-position: 0 -233px; margin-right: 20px; }
.m-product-nav .hsd .rig { width: 960px; height: 100%; overflow: hidden; background: #E7E7E7; }
.m-product-nav .hsd .rig .nav-list { width: 640px; height: 50px; overflow: hidden; border-left: 5px solid #0E4484; padding-left: 10px; margin: 10px 0 0 10px; }
.m-product-nav .hsd .rig .nav-list li { float: left; margin: 0 5px 0 0; line-height: 24px; }
.m-product-nav .hsd .rig .tell { width: 245px; margin: 12px 10px 0 0; }
.m-product-nav .hsd .rig .tell .ico { width: 41px; height: 42px; overflow: hidden; background: url(../images/ico.png) no-repeat; background-position: 0 -139px; position: absolute; top: 50%; left: 0; margin-top: -21px; }
.m-product-nav .hsd .rig .tell p { margin: 0; padding-left: 70px; }
.m-product-nav .hsd .rig .tell p.b { color: #DC0004; font-size: 22px; font-weight: 600; }
.m-product-nav .www360buy { overflow: hidden; }
.m-product-nav .www360buy .hd { width: 220px; }
.m-product-nav .www360buy .hd li { width: 100%; height: 70px; overflow: hidden; background: #E7E7E7; border-left: 5px solid transparent; line-height: 70px; font-size: 16px; margin-bottom: 10px; cursor: pointer; -webkit-transition: .45s; -o-transition: .45s; -moz-transition: .45s; transition: .45s; }
.m-product-nav .www360buy .hd li .ico { display: inline-block; vertical-align: sub; width: 20px; height: 20px; overflow: hidden; -moz-border-radius: 100%; border-radius: 100%; background: #333; margin: 0 20px 0 20px; position: relative; -webkit-transition: .45s; -o-transition: .45s; -moz-transition: .45s; transition: .45s; }
.m-product-nav .www360buy .hd li .ico span { color: #fff; position: absolute; top: 50%; left: 50%; font-size: 12px; margin-top: -6px; margin-left: -5px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.m-product-nav .www360buy .hd li:hover, .m-product-nav .www360buy .hd li.on { border-color: #DC0004; color: #DC0004; }
.m-product-nav .www360buy .hd li:hover .ico, .m-product-nav .www360buy .hd li.on .ico { background: #DC0004; }
.m-product-nav .www360buy .hd .more { display: block; width: 220px; height: 70px; overflow: hidden; text-align: center; line-height: 70px; background: url(../images/pd-more-bg.png) no-repeat center; font-size: 18px; color: #fff; text-decoration: underline; }
.m-product-nav .www360buy .bd { width: 960px; }
.m-product-nav .www360buy .bd li { width: 225px; height: 225px; overflow: hidden; float: left; margin: 0 20px 20px 0; position: relative; }
.m-product-nav .www360buy .bd li.item4, .m-product-nav .www360buy .bd li.item8 { margin-right: 0; }
.m-product-nav .www360buy .bd li.item5, .m-product-nav .www360buy .bd li.item6, .m-product-nav .www360buy .bd li.item7, .m-product-nav .www360buy .bd li.item8 { margin-bottom: 0; }
.m-product-nav .www360buy .bd li .p-img { height: 225px; overflow: hidden; border: 2px solid #E7E7E7; }
.m-product-nav .www360buy .bd li .p-img img { width: 100%; height: 100%; }
.m-product-nav .www360buy .bd li .desc { width: 0; height: 0; overflow: hidden; background: rgba(220, 0, 4, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99DC0004,endColorstr=#99DC0004); color: #fff; position: absolute; top: 50%; left: 50%; text-transform: uppercase; opacity: 0; filter: alpha(opacity=0); -webkit-transition: .75s; -o-transition: .75s; -moz-transition: .75s; transition: .75s; }
.m-product-nav .www360buy .bd li .desc a { color: #fff; }
.m-product-nav .www360buy .bd li .desc .h5 { padding: 75px 0 20px; font-size: 16px; }
.m-product-nav .www360buy .bd li .desc .line-top, .m-product-nav .www360buy .bd li .desc .line-bottom { width: 0; height: 1px; overflow: hidden; background: #fff; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; position: absolute; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 1s; transition: 1s; }
.m-product-nav .www360buy .bd li .desc .line-top { top: 20px; left: 50%; margin-left: -100px; }
.m-product-nav .www360buy .bd li .desc .line-bottom { bottom: 20px; right: 50%; margin-right: -100px; }
.m-product-nav .www360buy .bd li .desc .line-left, .m-product-nav .www360buy .bd li .desc .line-right { width: 1px; height: 0; overflow: hidden; background: #fff; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; position: absolute; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 1s; transition: 1s; }
.m-product-nav .www360buy .bd li .desc .line-left { left: 20px; top: 50%; margin-top: -100px; }
.m-product-nav .www360buy .bd li .desc .line-right { right: 20px; bottom: 50%; margin-bottom: -100px; }
.m-product-nav .www360buy .bd li.active .desc { width: 100%; height: 100%; top: 0; left: 0; opacity: 1; filter: alpha(opacity=100); }
.m-product-nav .www360buy .bd li.active .desc .line-top { width: 200px; opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.m-product-nav .www360buy .bd li.active .desc .line-bottom { width: 200px; opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.m-product-nav .www360buy .bd li.active .desc .line-left { height: 200px; opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }
.m-product-nav .www360buy .bd li.active .desc .line-right { height: 200px; opacity: 1; filter: alpha(opacity=100); -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }

/* four reason */
.m-four-reason { width: 100%; height: 600px; overflow: hidden; background: url(../images/choose.jpg) no-repeat center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom: 100px; }
.m-four-reason .list { width: 50%; height: 100%; overflow: hidden; background: rgba(220, 0, 4, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2DC0004,endColorstr=#B2DC0004); position: absolute; top: 0; right: 0; bottom: 0; }
.m-four-reason .list .content { width: 560px; margin: 40px 0 0 40px; }
.m-four-reason .list .content .title { text-align: center; text-transform: uppercase; color: #fff; margin-bottom: 40px; }
.m-four-reason .list .content .title p { letter-spacing: 4px; padding-top: 5px; }
.m-four-reason .list .content ul li { height: 80px; background: #fff; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; margin-bottom: 30px; padding: 10px; -webkit-transition: .45s; -o-transition: .45s; -moz-transition: .45s; transition: .45s; }
.m-four-reason .list .content ul li:last-child { margin-bottom: 0; }
.m-four-reason .list .content ul li:hover { -moz-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff; }
.m-four-reason .list .content ul li .num { font-size: 30px; color: #DC0004; line-height: 60px; padding-left: 10px; }
.m-four-reason .list .content ul li .num:after { content: ''; width: 0; height: 0; border-right: 30px solid #fff; border-top: 5px solid transparent; position: absolute; right: 0; bottom: 18px; }
.m-four-reason .list .content ul li .rmg { width: 88%; }
.m-four-reason .list .content ul li .rmg p { margin-bottom: 0; }
.m-four-reason .list .content ul li .rmg p.name { font-size: 16px; line-height: 32px; }
.m-four-reason .list .content ul li .rmg p.name a { color: black; }
.m-four-reason .list .content ul li .rmg p.desc { color: #999; height: 20px; overflow: hidden; margin-top: 5px; }

/* about */
.m-about { height: 570px; margin-bottom: 100px; }
.m-about .slideTxtBox-about { margin: 0 auto 10px; overflow: hidden; height: 530px; }
.m-about .slideTxtBox-about .hd { line-height: 30px; color: #666; font-size: 14px; text-align: center; overflow: hidden; width: 300px; margin: 15px auto; }
.m-about .slideTxtBox-about .hd li { float: left; margin: 0 5px; cursor: pointer; }
.m-about .slideTxtBox-about .hd li.on { color: #DC0004; }
.m-about .slideTxtBox-about .hd li i { padding-left: 5px; color: #666; }
.m-about .slideTxtBox-about .bd .ul { height: 420px; position: relative; margin-top: 50px; }
.m-about .slideTxtBox-about .bd .ul .rack { width: 1000px; height: 420px; overflow: hidden; background: #0E4484; position: absolute; top: 0; right: 60px; z-index: -2; }
.m-about .slideTxtBox-about .bd .ul .s { width: 0; height: 0; border-bottom: 105px solid #fff; border-left: 105px solid transparent; position: absolute; bottom: 0; right: 60px; z-index: -1; }
.m-about .slideTxtBox-about .bd .ul .tt { width: 150px; position: absolute; top: -90px; left: 140px; z-index: 22; }
.m-about .slideTxtBox-about .bd .ul .tt .top { width: 100%; height: 150px; overflow: hidden; background: #fff; border: 1px solid #0E4484; border-bottom: 0 none; text-transform: uppercase; }
.m-about .slideTxtBox-about .bd .ul .tt .top p { padding-left: 30px; padding-top: 50px; margin-bottom: 0; }
.m-about .slideTxtBox-about .bd .ul .tt .top p.name { font-size: 18px; padding-top: 0; position: relative; }
.m-about .slideTxtBox-about .bd .ul .tt .top p.name:after { content: ''; width: 80px; height: 2px; overflow: hidden; background: #0E4484; position: absolute; left: 30px; bottom: -10px; }
.m-about .slideTxtBox-about .bd .ul .tt .btm { width: 100%; height: 300px; overflow: hidden; background: rgba(14, 68, 132, 0.75); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B20466C6,endColorstr=#B20466C6); text-align: center; line-height: 300px; }
.m-about .slideTxtBox-about .bd .ul .img { width: 770px; height: 300px; overflow: hidden; margin: 60px 0 0; }
.m-about .slideTxtBox-about .bd .ul .img img { width: 100%; height: 100%; }
.m-about .slideTxtBox-about .bd .ul .rg { width: 320px; color: #fff; font-size: 14px; line-height: 28px; margin-right: 85px; padding-top: 25px; }
.m-about .slideTxtBox-about .bd .ul .rg .t { text-align: center; font-size: 20px; margin: 45px 0 20px; }
.m-about .slideTxtBox-about .bd .ul .rg .desc { height: 220px; overflow: hidden; text-indent: 6%; }
.m-about .slideTxtBox-about .bd .ul .more { display: block; width: 40px; height: 120px; overflow: hidden; background: #0E4484; text-align: center; color: #fff; padding-top: 25px; position: absolute; right: 0; top: 40%; margin-top: -60px; z-index: 1; }
.m-about .slideTxtBox-about .bd .ul .more span { display: block; width: 20px; margin: 0 auto; }

/* news center */
.m-news { height: 550px; overflow: hidden; margin-bottom: 200px; }
.m-news .www360buy { margin: 10px auto 0; overflow: hidden; position: relative; }
.m-news .www360buy .hd { line-height: 30px; color: #666; font-size: 14px; text-align: center; overflow: hidden; width: 220px; margin: 15px auto; }
.m-news .www360buy .hd li { float: left; margin: 0 5px; cursor: pointer; }
.m-news .www360buy .hd li.on { color: #0E4484; }
.m-news .www360buy .hd li i { padding-left: 5px; color: #666; }
.m-news .www360buy .bd .m-slide { overflow: hidden; margin-top: 50px; }
.m-news .www360buy .bd .m-slide .img { width: 420px; height: 3420px; overflow: hidden; margin-left: 160px; }
.m-news .www360buy .bd .m-slide .img li { width: 100%; height: 420px; overflow: hidden; }
.m-news .www360buy .bd .m-slide .img li img { width: 100%; height: 100%; -webkit-transition: .45s; -o-transition: .45s; -moz-transition: .45s; transition: .45s; }
.m-news .www360buy .bd .m-slide .img li img:hover { opacity: .8; filter: alpha(opacity=80); }
.m-news .www360buy .bd .m-slide .tab { width: 600px; overflow: hidden; }
.m-news .www360buy .bd .m-slide .tab li { overflow: hidden; margin-bottom: 40px; cursor: pointer; }
.m-news .www360buy .bd .m-slide .tab li:last-child { margin-bottom: 0; }
.m-news .www360buy .bd .m-slide .tab li .date { width: 65px; height: 65px; overflow: hidden; background: #0E4484; color: #fff; position: relative; text-align: center; padding-top: 16px; -webkit-transition: .35s; -o-transition: .35s; -moz-transition: .35s; transition: .35s; }
.m-news .www360buy .bd .m-slide .tab li .date p { margin: 0; }
.m-news .www360buy .bd .m-slide .tab li .rg { width: 86%; }
.m-news .www360buy .bd .m-slide .tab li .rg p { -webkit-transition: .35s; -o-transition: .35s; -moz-transition: .35s; transition: .35s; }
.m-news .www360buy .bd .m-slide .tab li .rg p.name { font-size: 14px; margin-bottom: 8px; }
.m-news .www360buy .bd .m-slide .tab li .rg p.name a { color: #0d0d0d; -webkit-transition: .35s; -o-transition: .35s; -moz-transition: .35s; transition: .35s; }
.m-news .www360buy .bd .m-slide .tab li .rg p.desc { height: 35px; overflow: hidden; margin-bottom: 0; color: #999; }
.m-news .www360buy .bd .m-slide .tab li.on .date { background: #DC0004; }
.m-news .www360buy .bd .m-slide .tab li.on .rg p { color: #DC0004; }
.m-news .www360buy .bd .m-slide .tab li.on .rg p a { color: #DC0004; }
.m-news .www360buy .board { width: 282px; height: 242px; overflow: hidden; background: url(../images/new-lf-bg.png) no-repeat; position: absolute; left: 0; top: 6%; z-index: 9999; }
.m-news .www360buy .board .en { margin-bottom: 0; text-transform: uppercase; padding: 20px 0 2px 10px; }
.m-news .www360buy .board .nm { font-size: 18px; padding: 0 0 0 10px; }
.m-news .txtScroll-news { overflow: hidden; padding: 10px 8px 0; }
.m-news .txtScroll-news li { line-height: 36px; border-bottom: 1px dashed #999; overflow: hidden; }
.m-news .txtScroll-news li .date { float: right; }

/* join us */
.m-join { width: 100%; height: 260px; overflow: hidden; background: #0E4484; }
.m-join .join-us { margin-top: 40px; }

/* service */
.m-message { height: 220px; margin-bottom: 160px; }
.m-message .msg { width: 460px; height: 200px; border: 2px solid #DC0004; }
.m-message .msg .title { line-height: 40px; color: #0E4484; }
.m-message .msg .title:after { content: ''; width: 40px; height: 1px; overflow: hidden; background: #0E4484; position: absolute; left: 130px; top: 50%; margin-top: -1px; }
.m-message .msg .title:before { content: ''; width: 40px; height: 1px; overflow: hidden; background: #0E4484; position: absolute; right: 130px; top: 50%; margin-top: -1px; }
.m-message .msg .desc { padding: 25px 30px 0; line-height: 22px; }
.m-message .msg .more { display: block; width: 110px; height: 40px; overflow: hidden; background: #DC0004; text-align: center; line-height: 40px; font-size: 14px; text-transform: uppercase; color: #fff; position: absolute; left: 50%; bottom: -20px; margin-left: -55px; }
.m-message .ads { width: 504px; color: #999; padding-top: 50px; }
.m-message .ads .top { padding: 0 0 0 70px; text-transform: uppercase; }
.m-message .ads .top .ico { width: 52px; height: 52px; overflow: hidden; background: url(../images/ico.png) no-repeat; background-position: 0 -71px; position: absolute; left: 0; top: 50%; margin-top: -26px; }
.m-message .ads .top p { margin: 0; line-height: 24px; }
.m-message .ads .top p.s { color: black; }
.m-message .ads .ad { padding-top: 20px; }

/* foot */
.m-foot { background: #333; overflow: hidden; padding-top: 80px; margin-top: 30px; }
.m-foot .san { overflow: hidden; }
.m-foot .san .h4 { color: #DC0004; margin-bottom: 30px; }
.m-foot .san .h4 span { font-size: 12px; color: #999; text-transform: uppercase; }
.m-foot .san .contact { color: #fff; }
.m-foot .san .contact p { line-height: 22px; }
.m-foot .san .follow { position: absolute; top: 0; left: 47%; margin-left: -95px; }
.m-foot .san .follow .slideTxtBox { color: #fff; }
.m-foot .san .follow .slideTxtBox .hd { line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 20px; }
.m-foot .san .follow .slideTxtBox .hd li { width: 30px; height: 100%; float: left; overflow: hidden; background: #999; -moz-border-radius: 100%; border-radius: 100%; margin-right: 20px; text-align: center; cursor: pointer; font-size: 16px; -webkit-transition: .45s; -o-transition: .45s; -moz-transition: .45s; transition: .45s; }
.m-foot .san .follow .slideTxtBox .hd li.on { background: #DC0004; }
.m-foot .san .follow .slideTxtBox .bd .h4 { color: #fff; }
.m-foot .san .follow .slideTxtBox .bd .img { width: 90px; height: 90px; overflow: hidden; }
.m-foot .san .follow .slideTxtBox .bd .img img { width: 100%; height: 100%; }
.m-foot .san .follow .slideTxtBox .bd .tit { width: 85px; margin-left: 15px; }
.m-foot .san .map #allMap { width: 400px; height: 155px; overflow: hidden; background: #fff; }
.m-foot .copy { text-align: center; line-height: 45px; color: #fff; text-transform: uppercase; overflow: hidden; margin-top: 50px; }
.m-foot .copy a { color: #fff; }
.m-foot .copy a img { display: inline-block; vertical-align: middle; }