@charset "utf-8";
* {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,.fixtop .logosearch form #tbtn,.fixtop .logosearch form #k,.fixtop,.tblank,.ind3 li,.indpro li .cons .mleft i,.indpro li img,.culture li.f2 .pic,.honor li .pic .in p,.support li,.support li .p,.support li .t,.support li .c,.message #mbtn,.jobmessage #cbtn,.news li .pic a,.outlets li .pic img,.agent li .pic img,.case li .pic p,.cshow .pic img,.promenu li,.promenu li .pic,.promenu li .title,.product li .pic .in p,.product li .pic,.show1 .pic img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indpro li:hover img,.culture li.f2:hover .pic,.honor li:hover .pic .in p,.news li:hover .pic a,.outlets li .pic:hover img,.agent li:hover .pic img,.case li:hover .pic p,.cshow .pic:hover img,.product li:Hover .pic .in p,.show1 .pic:hover img
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc
{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
.ind3 li,.indpro li .cons,.indpro li.f1,.culture li,.support li,.message h1 input,.message #mbeizu,.jobmessage .person h4 input,.jobmessage textarea,.outlets li .cons,.agent li,.agent li .cons,.cooperation ul,.product li,.show1 .pic
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.culture li:hover i
{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 {height:100%;margin:0 auto;overflow-x:hidden;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;color:#858688;font-weight:normal;}
a:hover,.nshow .prevback .prevnext a:hover,.product li:hover .title a{color:#0091dc}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
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;}
hr {border:0;border-top:1px solid #ccc; height:1px;margin:5px 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; z-index:1;width:100%; height:100%;top:0}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

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

::selection {background:#0091dc;color:#ffffff;}
::-moz-selection {background:#0091dc;color:#ffffff;}
::-webkit-selection {background:#0091dc;color:#ffffff; }

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:70px 0 50px 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager .p_n2 a,.p_n1 { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d7d7d7;padding: 5px 15px;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a:hover,.pager span.p_n1 { background:#f5151d;border:1px solid #f5151d;  background-size:cover;}   
.pager a:hover,.pager span.p_n1{ color:#fff;border:1px solid #f5151d} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1200px;position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;top:0;left:0;width:100%;z-index:9999;height:240px; background:#fff}
.fixtop.active {top:-180px}
.fixtop .header { height:60px; line-height:60px;background:#f6f6f6; position:relative;color:#999}
.fixtop .header .tel { position:absolute;right:137px;top:0;}
.fixtop .header .tel h1 { display:inline-block; vertical-align:top;line-height:60px;color:#999}
.fixtop .header .tel h2 { display:inline-block; vertical-align:top;font-size:20px;color:#f5151d; line-height:60px;margin:0 0 0 5px}
.fixtop .header .wx span { display:block; background:url(../images/w.png);width:37px; height:32px; position:absolute;right:0;top:14px; cursor:pointer}
.fixtop .header .wx p { position:absolute;right:0;top:60px;width:133px; text-align:center; z-index:999; background:#fff; line-height:25px;padding:10px;border:1px solid #858688; display:none;}
.fixtop .logosearch { height:120px; line-height:120px; position:relative}
.fixtop .logosearch .logo { vertical-align:middle; display:inline-block;margin:-2px 40px 0 0}
.fixtop .logosearch .logo2 { vertical-align:middle; display:inline-block;}
.fixtop .logosearch form { position:absolute;right:0;top:35px}
.fixtop .logosearch form #k {border:1px solid #858688; height:48px; line-height:48px;padding:0 15px; display:inline-block; vertical-align:top;width:250px;border-right:0}
.fixtop .logosearch form #tbtn { background-color:#333; height:50px; line-height:50px;width:80px; background-image:url(../images/go.png); background-position:center; background-repeat:no-repeat; display:inline-block; vertical-align:top; cursor:pointer;border:0;}
.fixtop .logosearch form #k:hover {border-color:#0091dc}
.fixtop .logosearch form #tbtn:Hover { background-color:#0091dc}
.fixtop .toper { background:#0091dc; height:60px;}
.fixtop .toper ul.navpc li {display:inline-block; width:10.8%; text-align:center; position:relative}
.fixtop .toper ul.navpc li a {display:block;font-size:18px; line-height:60px; height:60px;color:#fff;}
.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li:hover>a { background:#2bb7ff}
.fixtop .toper ul.navpc li dl { position:absolute; z-index:9999;left:0;top:60px;width:100%; background:#2bb7ff; display:none;}
.fixtop .toper ul.navpc li dl.dpro {width:235px; text-align:left;}
.fixtop .toper ul.navpc li dl dd a {font-size:16px; height:auto; line-height:25px;padding:7px 15px}
.fixtop .toper ul.navpc li dl.dpro dd a {padding-left:30px}
.fixtop .toper ul.navpc li dl dd:last-child a {padding-bottom:18px}
.fixtop .toper ul.navpc li dl.dpro dd:first-child a {padding-top:18px}
.fixtop .toper ul.navpc li dl dd a:hover { background:#0091dc}
.tblank { height:240px;}
.tblank.active { height:60px}

.bxslider li a { display:block; height:700px; background-position:center; background-repeat:no-repeat;}
.ind3 { background:#0091dc;padding:30px 0}
.ind3 ul {width:100%;display: flex;justify-content: space-between;}
.ind3 li {width:31.3333%; display:inline-block; vertical-align:top;border:1px solid #00b4ff; height:120px; line-height:120px; text-align:center;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.ind3 li a {font-size:24px;color:#fff; display:block}
.ind3 li a img {margin:0 23px 0 0}
.ind3 li:hover { background:#00b4ff}
.indpro .subject { position:relative; height:2px; background:#bfbfbf;margin:85px 0; text-align:center}
.indpro .subject .in { position:absolute;left:0;top:-30px;width:100%; text-align:center;}
.indpro .subject .in2 { display:inline-block;margin:0 auto;padding:0 25px; background:#fff}
.indpro .subject .in2 h1 {font-size:30px;color:#f5151d; line-height:30px;}
.indpro .subject .in2 h2 {font-size:18px; line-height:18px; text-transform:uppercase;margin:10px 0 0 0;color:#999}
.indpro ul { position:relative}
.indpro li {float:left;width:33.3333%; position:relative; overflow:hidden}
.indpro li.f5 {width:66.6666%}
.indpro li .cons { position:absolute;left:0;top:0;width:100%; height:100%; background:#eeeeee; background-size:cover;padding:0 0 0 40px}
.indpro li.f1 .cons { text-align:center;padding:15% 10% 0 10%;top:0}
.indpro li.f1 .t1 {font-size:10px; line-height:20px; text-transform:uppercase;color:#999;}
.indpro li.f1 .t2 {color:#333;font-size:30px; line-height:40px;margin:12px 0 18px 0}
.indpro li.f1 .t3 i {color:#999;display:inline-block; vertical-align:top;border:1px solid #999; height:60px; line-height:60px;border-radius:5px;margin:10px;padding:0 14px;font-size:16px; letter-spacing:1px}
.indpro li.f1 .p { position:absolute;bottom:0;left:12%;width:76%}
.indpro li .cons .mleft { position:relative; z-index:100;top:22%}
.indpro li.f2 .cons .mleft {top:28%}
.indpro li .cons .mleft h1 {font-size:16px;color:#fff; line-height:26px; letter-spacing:1px;}
.indpro li .cons .mleft h2 {font-size:12px; line-height:22px;color:#fff;margin:5px 0 10% 0;letter-spacing:1px;}
.indpro li.f2 .cons .mleft h2 {margin-bottom:18%}
.indpro li.f5 .cons .mleft h1 {font-size:24px;line-height:34px;}
.indpro li.f5 .cons .mleft h2 {font-size:16px; line-height:26px;margin:20px 0 7% 0}
.indpro li .cons .mleft i { background:url(../images/1.png) no-repeat center right;width:20px; height:11px; display:block}
.indpro li .cons .pic { position:absolute;right:0;bottom:0; height:100%; z-index:1}
.indpro li.f2 .cons .pic { height:88%;top:12%;right:8%}
.indpro li.f3 .cons .pic { height:90%;top:5%;right:17%}
.indpro li.f4 .cons .pic { height:80%;top:10%;right:8%}
.indpro li.f5 .cons .pic { height:90%;top:10%;right:17%}
.indpro li .cons .pic img {max-height:100%;max-width:100%}
.indpro li.f2 .cons {background:url(../images/b2.png) no-repeat center; background-size:cover;}
.indpro li.f3 .cons {background:url(../images/b3.png) no-repeat center;background-size:cover;}
.indpro li.f4 .cons {background:#c6c6c6}
.indpro li.f5 .cons {background:#a9afd0}
.indpro li:Hover .cons .mleft i {width:30px}
.bannerin { text-align:center;background-position:center; background-repeat:no-repeat; height:400px;}
.bannerin h1 {color:#fff;font-size:30px; line-height:30px; letter-spacing:1px;}
.bannerin h2 {font-size:16px; line-height:16px;color:#fff; text-transform:uppercase;margin:20px 0 40px 0;letter-spacing:1px;}
.bannerin i { display:block; height:2px;width:50px; background:#fff;margin:0 auto}
.bannerin2 h1,.bannerin2 h2 {color:#333}
.bannerin2 i { background:#333}

.mainmenu {  position:relative; text-align:center;padding:15px 0 0 0}
.mainmenu li { display:inline-block; vertical-align:top;margin:0 20px}
.mainmenu li a {border-bottom:4px solid transparent;padding:0 40px 17px 40px;font-size:20px;color:#333}
.mainmenu li a:Hover,.mainmenu li.check a {border-color:#e8262d;}
.mainmenu:before { position:absolute;bottom:-14px; background:#d5d5d5; height:1px;width:100%;left:0;content:'';}
.maincons {margin:50px 0 0 0}
.about {font-size:18px;padding:10px 0 80px 0; line-height:2.3}
.about a {font-size:18px}
.culture {border:1px solid #d5d5d5;margin:60px 0 80px 0}
.culture li {float:left;width:50%; height:260px; position:relative;padding:0 5% 0 9%; overflow:hidden}
.culture li.f1 { background:#0091dc;}
.culture li.f4 { background:#f6f6f6;}
.culture li i { display:inline-block; vertical-align:middle;max-width:80px;margin:0 25px 0 0}
.culture li .cons { display:inline-block; vertical-align:middle;max-width:80%}
.culture li .cons .t {font-size:24px; line-height:34px;color:#333;font-weight:700;margin:0 0 5px 0}
.culture li .cons .c {font-size:18px; line-height:28px;color:#999}
.culture li.f1 .cons .t,.culture li.f1 .cons .c {color:#fff}
.culture li.f2 .pic { position:absolute;width:100%; height:100%;top:0;left:0; background-position:center; background-repeat:no-repeat; background-size:cover;}

.honor {width:102%;margin:-3% 0 0 -1%;padding:10px 0 0 0}
.honor li {float:left;width:23%;margin:3% 1% 0 1%;}
.honor li .pic { background:#f6f6f6;padding:30px;}
.honor li .pic .in { position:relative;}
.honor li .title { height:20px; line-height:20px; text-align:center;font-size:16px;margin:15px 0 0 0; overflow:hidden}
.subjecttitle { position:relative;border-left:4px solid #e8262d;font-size:24px; height:24px; line-height:24px;padding:0 0 0 15px; letter-spacing:1px;}
.support ul {width:101.6%;margin:-1.6% 0 0 -0.8%;padding:25px 0 40px 0}
.support li {float:left;width:48.4%;margin:1.6% 0.8% 0 0.8%; background:#f6f6f6; text-align:center;padding:45px 20px 20px 20px}
.support li .p {border:2px solid #0091dc; text-align:center;width:80px; height:80px;margin:0 auto;border-radius:50%}
.support li .t {font-size:18px; height:20px; line-height:20px; overflow:hidden;color:#0091dc;margin:15px 0}
.support li .c {font-size:16px;min-height:80px}
.support li:hover { background:#0091dc;}
.support li:hover .p {background:#fff}
.support li:hover .t,.support li:hover .c {color:#fff}
.support .cons { background:#f6f6f6;border:1px dashed #999;padding:35px 40px; line-height:2.5;margin:25px 0 80px 0}

#container,.map iframe {width:100%; height:380px}
.contact .t {color:#333;font-weight:700;font-size:30px; line-height:40px}
.contact .c {font-size:18px;margin:10px 0 30px 0}
.contact .c a {font-size:18px}
.map {margin:0 0 40px 0}
.map #map img{width: 100%;}

.message {padding:50px; background:#f6f6f6;margin:50px 0 60px 0;font-size:16px;}
.message .subject {color:#333;font-size:24px; line-height:24px;border-bottom:1px solid #999;padding:0 0 20px 0; text-align:left;margin:0 0 40px 0}
.message h1 {float:left;width:30%;margin-left:5%; position:relative;font-size:16px;}
.message h1.f1 {margin-left:0}
.message h1 p { position:absolute;top:5px}
.message h1 span { display:block;margin:0 0 0 100px}
.message h1 span input {height:40px; line-height:40px;width:100%;padding:0 15px}
.message h2 {font-size:16px;margin:30px 0 10px 0}
.message #mbeizu {width:100%; overflow:auto;padding:10px 15px; height:200px}
.message #mbtn { background:#f5151d;width:180px; height:60px; line-height:60px;color:#fff;font-size:18px; cursor:pointer; border:0; position:relative;left:50%;margin:30px 0 0 -90px;}
.message #mbtn:hover { background:#0091dc}
.job {margin:40px 0 0 0}
.job li {border-top:1px solid #eeeeee;padding:40px 0 40px 0; position:relative;}
.job li .title {font-size:12px; line-height:22px;margin:0 0 10px 0;color:#999}
.job li .title h1 {font-size:24px; line-height:34px;color:#0091dc; display:inline-block; vertical-align:top;margin:-10px 20px 0 0}
.job li .content {margin:0 250px 0 0}
.job li .content,.job li .content a {font-size:16px;color:#999}
.job li .content strong {color:#333;font-size:20px;font-weight:400}
.job li .more {width:150px; height:60px; line-height:60px; text-align:center; position:absolute;right:0;top:50%;margin-top:-30px}
.job li .more a { display:block;width:100%; height:100%;font-size:18px; background:#999;color:#fff}
.job li .more a:hover { background:#f5151d}
.maincurrent {color:#999;border-bottom:1px solid #eeeeee;padding:20px 0}
.maincurrent a {color:#999}
.maincurrent a:Hover {color:#0091dc;}
.maincurrent i {margin:0 5px}
.maincurrent span { display:inline-block; vertical-align:middle; height:14px;width:2px; background:#e8262d;margin:0 15px 0 0}

.jobmessage h1 {color:#0091dc;font-size:24px; line-height:24px;margin:30px 0 -10px 0}
.jobmessage h2 {font-size:20px;color:#333; line-height:20px;margin:80px 0 30px 0}
.jobmessage h2.yl {margin:60px 0 20px 0}
.jobmessage h2.last {margin:20px 0}
.jobmessage h3 {color:#999;margin:10px 0 0 0}
.jobmessage .person {width:108%;margin:-40px 0 0 -4%}
.jobmessage .person h4 {float:left;width:42%;margin:40px 4% 0 4%; height:70px;}
.jobmessage .person h4 p {font-size:18px;color:#999;margin:0 0 5px 0}
.jobmessage .person h4 input {width:100%;border:1px solid #d5d5d5; height:40px; line-height:40px;padding:0 10px}
.jobmessage .person h4 label { vertical-align:middle;margin:0 15px 0 0; cursor:pointer; font-size:16px;color:#999}
.jobmessage .person h4 label input {width:auto;border:0; height:auto;padding:0; display:inline-block; vertical-align:middle;}
.jobmessage .person h4 input::-webkit-input-placeholder {color: #cccccc;}
.jobmessage .person h4 input:-moz-placeholder {color: #cccccc; } 
.jobmessage .person h4 input::-moz-placeholder { color: #cccccc; } 
.jobmessage .person h4 input:-ms-input-placeholder {color: #cccccc; }
.jobmessage .person h4.full {width:92%; height:auto}
.jobmessage textarea {border:1px solid #d5d5d5; width:100%;padding:8px 10px; overflow:auto;}
.jobmessage #cbtn { position:relative; cursor:pointer;width:150px; height:60px; line-height:60px;color:#fff;font-size:18px; text-align:center;border:0;left:50%;margin:50px 0 50px -75px; background:#e62129}
.jobmessage #cbtn:hover { background:#0091dc}
.news {margin-top:-30px}
.news li {border-bottom:1px solid #d5d5d5; position:relative;padding:30px 0}
.news li .cons {margin:0 580px 0 0;min-height:262px;padding:18px 0 0 0}
.news li .cons .t { line-height:25px; height:25px; overflow:hidden;margin:0 0 0 0}
.news li .cons .t a {font-size:20px;color:#333;font-weight:700}
.news li .cons .c {color:#999; line-height:30px; height:90px; overflow:hidden;margin:15px 0 40px 0}
.news li .cons .a {font-size:12px;color:#999}
.news li .cons .m {margin:10px 0 0 0}
.news li .cons .m a { display:block;width:125px; height:40px; line-height:40px; text-align:center;color:#fff; background:#999;font-weight:300;}
.news li:Hover .cons .m a { background:#f5151d}
.news li .pic { position:absolute;right:0;top:30px;width:480px; height:280px; overflow:hidden}
.news li .pic a { display:block;width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news li:hover .cons .t a {color:#0091dc}

.nshow .title {font-size:30px; line-height:40px;color:#333;font-weight:700; text-align:center;margin:60px 0 10px 0}
.nshow .addtime { text-align:center}
.nshow .content {margin:40px 0 0 0}
.nshow .prevback { position:relative;margin:60px 0 80px 0}
.nshow .prevback .prevnext {margin:0 200px 0 0}
.nshow .prevback .prevnext a {color:#333;font-size:16px;}
.nshow .prevback .back { position:absolute;right:0;top:10px}
.nshow .prevback .back a { display:block;width:150px; height:40px; line-height:40px; text-align:center;font-size:18px; background:#ff0000;color:#fff;margin:0 0 0 auto}
.nshow .prevback .back a:hover { background:#0091dc;}
.outlets ul { background:#f6f6f6;padding:40px 0;margin:14px 0 0 0}
.outlets li { background:#fff;margin:40px 0 0 0} 
.outlets li:first-child {margin:0}
.outlets li .cons {float:left;width:42%;padding:30px}
.outlets li .cons .t {color:#333;font-size:18px;margin:0 0 10px 0}
.outlets li .cons .c {color:#999}
.outlets li .pic {float:right;width:58%; overflow:hidden}
.outlets li .pic img {width:100%}
.outlets .page_wrap {padding:50px 0 10px 0;}

.agent { background:#f6f6f6;padding:60px 0 0 0;margin:14px 0 0 0}
.agent ul {width:102%;margin:-2% 0 0 -1%;padding:0 0 20px 0}
.agent li { background:#fff;float:left;width:48%;margin:2% 1% 0 1%;padding:20px}
.agent li .pic {float:left;width:48%; overflow:hidden}
.agent li .pic img {width:100%}
.agent li .cons {float:right;width:52%;padding:20px 15px 25px 25px}
.agent li .cons .t {font-size:24px;color:#333; line-height:34px;}
.agent li .cons .t2 { text-transform:uppercase;color:#999;margin:0 0 15px 0}
.agent li .cons .c {font-size:12px}
.agent li:first-child {width:98%;padding:0}
.agent li:first-child .pic {width:50%}
.agent li:first-child .cons {width:50%;padding:25px 25px 25px 30px}
.cooperation ul { background:#fff; text-align:center;padding:50px;width:100%;margin:0 0 60px 0;}
.cooperation ul .p2 {margin:30px 0 0 0}
.mainmenu2 li {margin:0 4px}
.mainmenu2 li a {padding-left:26px;padding-right:26px}
.case {margin:60px 0 0 0}
.case ul {width:102%;margin:-3% 0 0 -1%}
.case li {float:left;width:31.3333%;margin:3% 1% 0 1%}
.case li .pic { position:relative; overflow:hidden}
.case li .title { height:25px; line-height:25px; overflow:hidden; text-align:center;margin:15px 0 0 0}
.case li .title a {font-size:18px;}

.cshow {padding:60px 0 0 0}
.cshow .pic {float:left;width:48%; overflow:hidden}
.cshow .cons {float:right;width:48%}
.cshow .cons .up { position:relative;font-size:18px;color:#333;margin:-10px 0 30px 0;padding:0 150px 0 0}
.cshow .cons .up a { display:block; position:absolute;top:50%;right:0;width:140px; height:40px; line-height:40px; text-align:center;color:#fff;font-size:16px;margin-top:-20px; background:#e62129}
.cshow .cons .up a:hover { background:#0091dc;}
.cshow .content {border-top:1px solid #eeeeee;padding:5px 0 80px 0;margin:60px 0 0 0}
.cshow .content img {margin:15px 0 0 0}

.bannerin3 h1 {font-size:40px; line-height:40px; text-align:left;margin:0 0 50px 13.5%}
.bannerin3 i {height:5px;width:90px;margin:0 0 0 13.5%}
.promenu {border-top:1px solid #eee;margin:20px 0}
.promenu li { display:inline-block; vertical-align:top;width:16.37%; text-align:center;padding:20px 0}
.promenu li .pic { width:60px; height:60px;margin:0 auto; background-position:center top; background-repeat:no-repeat}
.promenu li .title { line-height:25px; overflow:hidden;font-size:16px;color:#333;margin:10px 0 0 0;padding:0 15px}
.promenu li.check,.promenu li:hover { background:#0091dc;}
.promenu li.check .pic,.promenu li:hover .pic { background-position:center bottom}
.promenu li.check .title,.promenu li:hover .title {color:#fff}

.product ul {width:102%;margin:-3% 0 0 -1%}
.product li {float:left;width:23%;margin:3% 1% 0 1%;}
.product li .pic { position:relative;padding:20px;border:1px solid #eee;}
.product li .pic .in { position:relative; overflow:hidden;}
.product li .title { height:20px; line-height:20px; text-align:center;margin:20px 0 0 0; overflow:hidden}
.product li .title a {font-size:18px;}
.product li:Hover .pic {border-color:#0091dc;}
.show1 {margin:40px 0 60px 0}
.show1 .pic {float:left;width:41%;border:1px solid #eee; overflow:hidden}
.show1 .pic img {width:100%}
.show1 .cons {float:right;width:54%;color:#999}
.show1 .cons .t {color:#333;font-size:24px; line-height:34px;margin:-5px 0 3px 0}
.show1 .cons .t2 {font-size:18px; line-height:28px; letter-spacing:1px}
.show1 .cons .c {margin:25px 0 0 0}
.show1 .cons .c table {width:100%;}
.show1 .cons .c td {padding:10px 0 0 0}
.show1 .cons .c td img {margin:0 10px 0 0}
.show1 .cons .c tr td {width:47%}
.show1 .cons .c tr td:first-child {width:48%;padding:0 5% 0 0}

.tabs{display:table;position:relative;overflow:hidden;margin:0;width:100%;}
.tabs li{display:inline-block; position:relative; cursor:pointer; text-align:center}
.tabs a{display:block;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;color:#333;font-size:18px;width:150px; height:60px; line-height:60px;}
.currenttab a{color:#fff; background:#0091dc}
.tabs_item{display:none; text-align:center}
.tabs_item:first-child{display:block;}
.tab_content {border-top:1px solid #eee;padding:60px 0 80px 0; text-align:left}
.tab_content .tabs_item { text-align:left;}
.tab_content table {width:100%; text-align:center;color:#0091dc;font-size:24px; line-height:34px;margin-top:-50px;}
.tab_content td {padding-top:50px}
.tab_content td img {margin:0 0 15px 0}
.prosearch {margin-top:-60px}




.foot { background:#323232;margin:40px 0 0 0;padding:50px 0}
.foot dl {float:left;margin:0 40px 0 0}
.foot dt {margin:0 0 10px 0}
.foot dt a {color:#fff}
.foot dd {margin:2px 0}
.foot dd a {font-size:13px;color:#858688}
.foot dd a:hover {color:#fff}
.foot dl.d9 dd .c {font-size:16px;color:#fff}
.foot dl.d9 dd .t2 {margin:20px 0 0 0}
.foot dl.d10 {margin:0;float:right;width:150px; text-align:center}
.foot dl.d10 dd {padding:10px 0 0 0}
.foot dl.d10 .t {color:#fff;font-size:15px;padding:10px 0 0 0}
.footer { background:#0e0e0e; text-align:center;padding:12px 0;color:#fff}
.footer a {color:#fff}