/* CSS Document */
/*@font-face {
	font-family: 'helveticaneue';
	src: url('fonts/helveticaneue.eot');
	src: local('☺'), url('fonts/helveticaneue.woff') format('woff'), url('fonts/helveticaneue.ttf') format('truetype'), url('fonts/helveticaneue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px;outline:none; }
input, select { font-size: 13px; line-height: 16px; }
html, body { -webkit-text-size-adjust: none; font-size: 13px; color: #333333; }/*google浏览器字体兼容*/
body { font-family:"微软雅黑", "宋体",Arial, Helvetica, sans-serif; width: 100%; background: #ffffff; }
img { border: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #333333; outline: none; }
a:hover { color: #003288; text-decoration: none; }
a:active { star:expression(this.onFocus=this.blur());
}
.cl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis { display: none; }
.huangse { color: #eae678 }
.yellow { color: #2e9571 }
.green { color: #007b3f }
.red { color: #ff0000 }
.hui { color: #696868 }
.hui2 { color: #929292 }
.red2 { color: #ae1202 }
.orange { color: #ffb400; }
.Dgreen { color: #0e652c; }
.hei { color: #000 }
.blue { color: #007e40 }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.fb { font-weight: bold;}
.line30 { line-height: 30px; }
.line35 { line-height: 35px; }
.border_bottom { border-bottom: 1px #CCCCCC dashed; }
DIV.none { DISPLAY: none }
.display { display: block }
.space { height: 5px; clear: both; _height: 0px; line-height: 5px }
.left { float: left }
.right { float: right }
.container { width: 1280px; margin: 0 auto; }
.container1 { width:1040px; margin: 0 auto; }
.w1200{ width:1200px; margin:0 auto;}
.w1000{ width:1000px; margin:0 auto;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margin_bottom30 { margin-bottom: 30px; }
/*index start*/
.head{ width:100%; height:100px; background:#fff;}
.head .logo{ padding-top:14px;}
.head .search{ padding-top:42px; position:relative; z-index:999;}
.head .nav{}
.head .nav ul li{ display:inline-block; margin-right:60px;}
.head .nav ul li a{ display:block; line-height:100px; font-weight: 400;font-size: 18px;color:#333; position:relative; z-index:990;}
.head .nav ul li a:hover{ color:#003288;}
.head .nav ul li a.on{ color:#003288;}
.head .nav ul li a:before { content: "";position: absolute;left: 0;bottom: 0;height: 4px;width: 0;background: #003288;transition: all 0.3s ease-in-out 0s; }
.head .nav ul li a:hover::before { width: 100%; }
.head .nav ul li a.on::before { width: 100%; }

.head .phone{ margin-top:35px; line-height:26px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#323232; margin-left:20px;}
.head .search-box{position:absolute;right:0;top:91px;box-shadow:0px 0px 5px rgba(0,0,0,0.1);background:#fff;width:320px;display:none;z-index:1000;padding-right:50px;}
.head .search-box input{height:60px;}
.head .search-box input[type=text]{padding:0px 15px;width:100%;}
.head .search-box input[type=submit]{width:50px;background:url(../images/icon-search.png) no-repeat center center;position:absolute;right:0;top:0;cursor:pointer;}

.ibanner{ width:100%; height:auto;}
.ibanner a{ display:block; width:100%; height:auto; position:relative; z-index:99;}
.ibanner a img.bimg{ display:block; width:100%; height:auto;}
.ibannerc{ position:absolute; z-index:100; top:35%; left:10%; color:#fff;}
.ibannerct{ font-size:60px; font-family:'HelveticaNeue-Bold'; line-height:60px;}
.ibannerci{ width:480px; height:auto; margin:25px 0 50px 0; font-size:16px; line-height:25px;}
.ibannerc_m{ width:210px; height:69px; background:url(../images/more.png) no-repeat; line-height:69px; text-align:center; color:#fff; font-size:18px;}

.ibanner .swiper-pagination-bullet{ width:15px; height:15px; line-height:15px; background:none;opacity: 1;border-radius:100%;color: #fff; font-size:16px; border:2px #fff solid;}
.ibanner .swiper-pagination-bullet-active{ background:#fff;border:2px #fff solid; opacity: 1;border-radius:100%;color: #fff; font-size:16px;}
.ibanner>.swiper-pagination-bullets{ bottom:20px;}
.ibanner>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;bottom:0;}

/*.ibanner .ibanner-prev{ width:62px; height:62px; background:url(../images/prev.png) no-repeat 50% 50%; position:absolute; z-index:100; top:50%; margin-top:-31px; left:75px; outline:none; cursor:pointer; opacity:1;}
.ibanner .ibanner-prev:hover{background:url(../images/prev.png) no-repeat 50% 50%; opacity:1;}
.ibanner .ibanner-next{width:62px; height:62px; background:url(../images/next.png) no-repeat 50% 50%; position:absolute; z-index:10; top:50%; margin-top:-31px; right:75px; outline:none; cursor:pointer; opacity:1;}
.ibanner .ibanner-next:hover{background:url(../images/next.png) no-repeat 50% 50%; opacity:1;}*/

.bannerc{position: relative;overflow: hidden; height:auto;}
.bannerc .swiper-wrapper{}
.bannerc .swiper-wrapper .swiper-slide{ width:100%; height:auto; position:relative; z-index:9;}
.bannerc .swiper-wrapper .swiper-slide img.bimg{ display:block; width:100%; height:auto;}

.bannerc_c{ width:1200px; height:auto; position:absolute; z-index:10; top:50%; left:50%; margin-left:-600px; margin-top:-90px; color:#fff; text-align:center;}
.bannerc_c_1{ font-size:60px; line-height:90px;}
.bannerc_c_3{ padding-top:30px;}

.load-video{display:block;width:76px;height:76px;margin:0 auto;cursor:pointer;transform:translateY(0%);opacity:1;transition:transform 0.6s ease-out,opacity 0.6s}
.load-video img{display:block;width:100%}
.load-video:before,.load-video::after{content:' ';position:absolute;top:-60%;left:-60%;width:220%;height:220%;border:#ffffff 1px solid;border-radius:50%;box-sizing:border-box;transform:scale(0.6);animation-duration:3s;opacity:0;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.55, 0.23, 0.62, 1)}
.load-video::after{animation-delay:1.5s;transform:scale(1)}

.main_sw.index .box3.animate .wrap .cont .video-btn{padding:3% 0;overflow:hidden}
.main_sw.index .box3.animate .wrap .cont .load-video{transform:translateY(0);opacity:1;transition-delay:0.4s}
.load-video:hover:before,.load-video:hover::after{animation-name:loader}

.video-box{position:absolute;top:0;left:0;width:100%;height:100%}
.video-box .video{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);transition:opacity 1s}
.video-box .video.cur{opacity:1;filter:alpha(opacity=100)}
.video-box .video.video-on .bg-box{opacity:0;filter:alpha(opacity=0)}
.video-box video{position:absolute;bottom:0;left:0;display:block;width:100%; height:100%;object-fit:cover}

.video-box .bg-box{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s}
.video-box .bg,.video-box .mb-bg{position:absolute;top:0;left:0;width:100%;height:100%}
.video-box .mb-bg{display:none}

.tran300{transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}
.tran500{transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}
.tran800{transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;}
.tran1000{transition:1000ms ease-out;-webkit-transition:1000ms ease-out;-ms-transition:1000ms ease-out;-moz-transition:1000ms ease-out;-o-transition:1000ms ease-out;}
.video-box:hover .bg{transform:scale(1.1);}

.ison .video{opacity:1;filter:alpha(opacity=100);}
.ison .bg-box{opacity:1;}
.ison .bannerc_c_1{opacity:1;}
.ison .bannerc_c_2{opacity:1;}

.iabout{ padding:80px 0 95px 0;}
.iabout .con{ width:650px; height:auto; background:url(../images/about_wz.jpg) no-repeat right top; padding-top:127px;}
.iabout .con .cont{ margin-bottom:65px;}
.iabout .con .cont ul li{ float:left; text-align:center; margin-right:11px;}
.iabout .con .cont ul li a{ display:block;}
.iabout .con .cont ul li a .cimg{}
.iabout .con .cont ul li a .cmore{ margin:9px auto 5px auto;}
.iabout .con .cont ul li a .ctit{font-weight: 400; font-size:16px; color:#333; line-height:23px;}
.iabout .con .cont ul li a:hover .ctit{ color:#dc000c;}
.iabout .con .tit{font-weight: 700;font-size:48px;color: #111; line-height:50px;}
.iabout .con .info{ margin:30px auto 50px auto;font-weight: 400; font-size:16px; color:#333; line-height:30px;}
.iabout .con .more{ display:block;width: 154px;height: 46px;border-radius: 30px 0;background: #dc000c; line-height:46px; text-align:center;font-weight: 700; font-size:18px; color:#fff;}
.iabout .con .more:hover{ background:#a8050e; color:#fff;}
.iabout .img{ width:500px; height:auto;}

.iproduct{ width:100%; height:auto; background:#f4f4f4; padding:75px 0 100px 0;}
.iproduct .tit{ text-align:center;font-weight: 700;font-size: 38px;color: #111; line-height:50px;}
.iproduct .cate{ text-align:center; margin:40px auto;}
.iproduct .cate a{ display:inline-block;width: 154px;height: 46px;border-radius: 30px 0;background: #003288; margin-right:30px;font-weight: 700; font-size:18px; color:#fff; line-height:46px;}
.iproduct .cate a:last-child{ margin-right:0;}
.iproduct .cate a:hover{ background:#dc000c;}
.iproduct .cate a.on{ background:#dc000c;}
.iproduct .con{}
.iproduct .con .bimg{ width:590px;}
.iproduct .con .bimg a{ display:block;}
.iproduct .con .conr{ width:590px;}
.iproduct .con .conr .list{ width:285px; height:285px; float:left; margin:0 20px 20px 0; float:left;}
.iproduct .con .conr .list:nth-of-type(2n){ margin-right:0;}

.inetwork{ width:100%; height:650px; background:url(../images/i_network_bg.png) no-repeat center center/cover; padding-top:95px;}
.inetwork .con{ width:315px; height:auto; color:#fff;}
.inetwork .con .tit{font-weight: 700;font-size: 38px; line-height:50px; padding-bottom:27px; position:relative;}
.inetwork .con .tit:before{ content:""; width:48px; height:6px; position:absolute; left:0; bottom:0; background:#fff;}
.inetwork .con .info{ margin:25px auto 50px auto;font-weight: 400;font-size: 14px;line-height: 24px;}
.inetwork .con .num{}
.inetwork .con .num .list{ width:50%; float:left; margin-bottom:50px;}
.inetwork .con .num .list .cont{font-weight: 400;font-size: 12px;line-height: 23px;}
.inetwork .con .num .list .cont span{font-weight: 700;font-size: 38px;}
.inetwork .con .num .list .coni{font-weight: 400;font-size: 14px;line-height: 23px; margin-top:10px;}
.inetwork .img{ width:830px;}

.ipartner{ width:100%; height:auto; background:#f4f4f4; padding:60px 0;}
.ipartner .tit{ text-align:center;font-weight: 700;font-size: 38px;color: #111; line-height:50px;}
.ipartner .con{ margin-top:30px;}
.ipartner .con .list{ width:227px; float:left; margin:0 16px 16px 0;}
.ipartner .con .list:nth-of-type(5n){ margin-right:0;}
.ipartner .con .list a{ display:block;}

.inew{ padding:80px 0;}
.inew .inewt{}
.inew .inewt .inewtl{ width:680px;}
.inew .inewt .inewtl .tit{font-weight: 700;font-size: 38px;color: #111; margin-bottom:15px; line-height:50px;}
.inew .inewt .inewtl .info{font-weight: 400;font-size: 18px;color: #111; line-height:25px;}
.inew .inewt .more{width: 162px;height: 56px;background:url(../images/i_new_more_icon.jpg) no-repeat; line-height:56px; text-indent:30px; color:#fff;font-weight: 400;font-size: 16px;}
.inew .inewc{ margin-top:30px;}
.inew .inewc .list{ width:280px; height:auto; float:left; margin-right:26px;}
.inew .inewc .list:nth-of-type(4n){ margin-right:0;}
.inew .inewc .list a{ display:block; background:#fff; border-radius:6px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);}
.inew .inewc .list a .img{ width:100%; height:100%; overflow:hidden;}
.inew .inewc .list a .img img{-webkit-transition: all ease .3s; transition: all ease .3s; display:block; width:100%; height:auto; }
.inew .inewc .list a .con{ padding:15px;}
.inew .inewc .list a .con .time{font-weight: 400;font-size: 13px; color:#777; line-height:25px;}
.inew .inewc .list a .con .ntit{font-weight: 700;font-size: 15px; line-height:25px;color: #111; margin:5px 0 10px 0;}
.inew .inewc .list a .con .more{font-weight: 400;font-size: 10px;color: #003288; display:inline-block; padding-right:30px; background:url(../images/i_new_more.jpg) no-repeat right 50%;}
.inew .inewc .list a:hover{box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);}
.inew .inewc .list a:hover .ntit{ color:#dc000c;}
.inew .inewc .list a:hover .img img{-webkit-transform: scale(1.15); transform: scale(1.15);  }


.icontact{ width:100%; height:auto; background:url(../images/i_question_bg.png) no-repeat center center/cover; padding:100px 0 95px 0; text-align:center;}
.icontact .tit{ font-size:52px; color:#fff; line-height:55px; margin-bottom:50px;}
.icontact a{ display:block; width:174px; height:50px; line-height:50px; text-align:center; background:#ffffff; border-radius:10px; margin:0 auto; color:#111111; font-size:16px;}
.icontact a:hover{ background:#dc000c; color:#fff;}

.foot{ width:100%; height:auto; background:url(../images/i_foot_bg.png) no-repeat center center/cover;}
.foot .footc{ padding:73px 0 120px 0; border-bottom:1px #e0e0e0 solid;}
.foot .footc .footcl{ width:500px;}
.foot .footc .footcl dl{ float:left; width:50%;}
.foot .footc .footcl dl dt{ font-size:20px; font-weight:700; line-height:30px; margin-bottom:18px;}
.foot .footc .footcl dl dd{}
.foot .footc .footcl dl dd a{ font-size:16px; line-height:30px; color:#333;}
.foot .footc .footcl dl dd a:hover{ color:#dc000c;}
.foot .footc .footcm{ width:260px;}
.foot .footc .footcm .tit{font-size:20px; font-weight:700; line-height:30px; margin-bottom:18px;}
.foot .footc .footcm .con{font-size:16px; line-height:30px; color:#333;}
.foot .footc .footcr{ width:260px;}
.foot .footc .footcr .tit{font-size:20px; font-weight:700; line-height:30px; margin-bottom:18px;}
.foot .footc .footcr .footcr_tel{ font-size:32px; color:#004A8C; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.foot .footc .footcr .footcr_ewm{ margin-top:60px;}
.foot .footc .footcr .footcr_ewm .list{ width:46%; text-align:center; float:left; font-size:16px; line-height:28px; margin-right:8%;}
.foot .footc .footcr .footcr_ewm .list:nth-of-type(2n){ margin-right:0;}
.foot .footc .footcr .footcr_ewm .list img{ display:block; width:100%; height:auto;}
.foot .copyright{ text-align:center; padding:15px 0; line-height:25px; font-size:16px;}
.foot .copyright a:hover{ color:#dc000c;}
/*index end*/

/*product start*/
.common_banner{ width:100%; height:500px;}
.common_banner .nbannerc{ padding:185px 0 0 65px; color:#fff;}
.common_banner .nbannerc .tit{font-weight: 400;font-size: 58px; line-height:60px; margin-bottom:18px;}
.common_banner .nbannerc .info{font-weight: 400;font-size: 24px;line-height: 32px;}

.ncate{ width:100%; height:auto; background:#f6f6f6; text-align:center;}
.ncate a{ display:inline-block; line-height:60px; padding:0 30px;font-weight: 400;font-size: 16px;color: #111; margin-right:2px; min-width:140px;}
.ncate a:hover{ background:#003288; color:#fff;}
.ncate a.on{ background:#003288; color:#fff;}

.plist{ padding:50px 0;}
.plist .plistc{}
.plist .plistc .list{ width:380px; height:auto; float:left; margin:0 30px 50px 0;}
.plist .plistc .list:nth-of-type(3n){ margin-right:0;}
.plist .plistc .list a{ display:block;}
.plist .plistc .list a .img{}
.plist .plistc .list a .tit{ text-align:center;font-weight: 400;font-size: 17px;line-height: 32px; color:#333; margin:6px auto 0 auto;}
.plist .plistc .list a:hover .tit{ color:#dc000c;}

.pdcon{ width:100%; height:auto; background:url(../images/pd_bg.png) no-repeat center center/cover; padding:90px 0;}
.pdcon .img{ width:710px;}
.pdcon .img .imgl{ width:107px; margin-top:-15px;}
.pdcon .img .imgl img{ display:block; width:100%; height:auto;}
.pdcon .img .imgl .pd_prev{ margin-bottom:13px; width:100%; height:10px; background:url(../images/pd_prev.png) no-repeat center center; cursor:pointer;}
.pdcon .img .imgl .imglc{ height:570px;}
.pdcon .img .imgl .imglc .imglc_a{ height:570px;}
.pdcon .img .imgl .imglc .list{}
.pdcon .img .imgl .pd_next{ margin-top:13px; width:100%; height:10px; background:url(../images/pd_next.png) no-repeat center center; cursor:pointer;} 

.pdcon .img .imgr{width: calc(100% - 130px);width: -moz-calc(100% - 130px);width: -webkit-calc(100% - 130px);}
.pdcon .img .imgr img{ display:block; width:100%; height:580px;}

.pdcon .con{ width:450px;}
.pdcon .con .ntit{ font-size:32px; color:#111; font-weight:700; line-height:55px; margin-bottom:30px;}
.pdcon .con .texin{ margin-bottom:50px;}
.pdcon .con .texin .texint{ padding-left:38px; line-height:35px; background:url(../images/pd_icon1.png) no-repeat left 50%; color:#0D85FF; font-size:24px; margin-bottom:15px;}
.pdcon .con .texin .texinc{ font-size:16px; line-height:32px; font-weight:400;color: #111;}
.pdcon .con .more{}
.pdcon .con .more a{ display:inline-block;}
.pdcon .con .more a:nth-of-type(1){ width:170px; height:60px; line-height:60px; text-align:center; background:#003288; color:#fff; font-size:20px; font-weight:400; margin-right:20px; border-radius:6px;}
.pdcon .con .more a:nth-of-type(2){ width:170px; height:60px; line-height:60px; text-align:center; background:#d90208; color:#fff; font-size:20px; font-weight:400; margin-right:20px; border-radius:6px;}
/*product end*/


.nlist{ padding:50px 0;}
.nlist .nlistc{}
.nlist .nlistc .list{ width:350px; height:auto; float:left; margin:0 32px 40px 0;}
.nlist .nlistc .list:nth-of-type(3n){ margin-right:0;}
.nlist .nlistc .list a{ display:block;}
.nlist .nlistc .list a .img{ width:100%; height:100%; overflow:hidden;}
.nlist .nlistc .list a .img img{ display:block; width:100%; height:auto;-webkit-transition: all ease .3s; transition: all ease .3s }
.nlist .nlistc .list a .con{ border:1px #dddede solid; padding:15px 20px;}
.nlist .nlistc .list a .con .time{font-weight:400;font-size: 14px;color: #777; line-height:22px;}
.nlist .nlistc .list a .con .tit{font-weight: 700;font-size: 18px; line-height:22px;color: #003288; margin:10px 0;}
.nlist .nlistc .list a .con .info{font-weight: 400;font-size: 14px; line-height:25px; color:#666;}
.nlist .nlistc .list a:hover .con .tit{ color:#dc000c;}
.nlist .nlistc .list a:hover .img img{-webkit-transform: scale(1.15); transform: scale(1.15); }

.ndetail{ padding:30px 0 50px 0;}
.ndetail .tit{font-weight: 400;font-size: 32px;line-height: 50px;color: #111;}
.ndetail .time{font-weight: 400;font-size: 20px;color: #333; line-height:25px; margin:12px 0 25px 0;}
.ndetail .con{ padding:25px 0; border-top:1px #d9dadb solid;border-bottom:1px #d9dadb solid;font-weight: 400;font-size: 18px;line-height: 35px;color: #333;}
.ndetail .con img{ max-width:100%; height:auto;}
.ndetail .page{ padding-top:20px;}
.ndetail .page .page_p{}
.ndetail .page .page_p a{ display:inline-block; padding-left:20px; background:url(../images/prev.jpg) no-repeat left 50%;font-weight: 400;font-size: 16px;color: #333; line-height:35px;}
.ndetail .page .page_p a:hover{ background:url(../images/prev_on.jpg) no-repeat left 50%; color:#003288;}
.ndetail .page .page_n{}
.ndetail .page .page_n a{display:inline-block; padding-right:20px; background:url(../images/next.jpg) no-repeat right 50%;font-weight: 400;font-size: 16px;color: #333; line-height:35px;}
.ndetail .page .page_n a:hover{ background:url(../images/next_on.jpg) no-repeat right 50%; color:#003288;}

.abouta{ padding:55px 0;}
.abouta .con{ width:530px; height:auto;}
.abouta .con .tit{font-weight: 700;font-size: 24px; color:#111; line-height:40px; margin-bottom:12px;}
.abouta .con .ncon{font-weight: 400;font-size: 16px;line-height: 32px; color:#666;}
.abouta .img{ width:620px; height:auto;}

.aboutb{ width:100%; height:auto; background:#f4f4f4; padding:60px 0;}
.aboutb .con{ width:580px; height:auto; padding-top:20px;}
.aboutb .con .tit{font-weight: 700;font-size: 24px; color:#111; line-height:40px; margin-bottom:12px;}
.aboutb .con .ncon{font-weight: 400;font-size: 14px;line-height: 32px; color:#333;}
.aboutb .img{ width:580px; height:auto;}

.contact{ padding:60px 0;}
.contact .contactc{ background:#f6f6f6; margin-bottom:60px;}
.contact .contactc .con{ width:583px; height:378px; padding:45px 40px;}
.contact .contactc .con .cont{ margin-bottom:40px;}
.contact .contactc .con .cont .cont_cn{font-weight: 700;font-size: 24px;line-height: 32px;color:#111;}
.contact .contactc .con .cont .cont_en{font-weight: 400;font-size: 14px;line-height: 32px;color:#777;}
.contact .contactc .con .conc{font-weight: 400;font-size: 16px;line-height: 32px; color:#111;}
.contact .contactc .map{ width:617px; height:378px;}

.contact .mess{}
.contact .mess .tit{ line-height:60px; background:#d2d2d2;font-weight: 700;font-size: 20px;color: #1e1e1e; text-align:center;}
.contact .mess .con{ border:1px #d2d2d2 solid; padding:37px;}
.contact .mess .con .conc{color: rgba(126, 126, 126, 1);font-size: 16px; line-height:25px;color:#333;}
.contact .mess .con .conmes{ margin-top:35px;}
.contact .mess .con .conmes .list{ margin-bottom:29px;position:relative; z-index:9;}
.contact .mess .con .conmes .list .listl{ width:558px; border:1px #d2d2d2 solid; height:62px; position:relative; z-index:9;}

.contact .mess .con .conmes .list .listr{ width:558px;border:1px #d2d2d2 solid; height:62px;position:relative; z-index:9;}
.contact .mess .con .conmes .list:nth-of-type(1) .listl p{ width:62px; height:62px; position:absolute; z-index:10; top:0; right:0; border-left:1px #d2d2d2 solid; background:url(../images/mess_icon1.jpg) no-repeat center center;}
.contact .mess .con .conmes .list:nth-of-type(1) .listr p{ width:62px; height:62px; position:absolute; z-index:10; top:0; right:0; border-left:1px #d2d2d2 solid; background:url(../images/mess_icon2.jpg) no-repeat center center;}
.contact .mess .con .conmes .list:nth-of-type(2) .listl p{ width:62px; height:62px; position:absolute; z-index:10; top:0; right:0; border-left:1px #d2d2d2 solid; background:url(../images/mess_icon3.jpg) no-repeat center center;}
.contact .mess .con .conmes .list:nth-of-type(2) .listr p{ width:62px; height:62px; position:absolute; z-index:10; top:0; right:0; border-left:1px #d2d2d2 solid; background:url(../images/mess_icon4.jpg) no-repeat center center;}
.contact .mess .con .conmes .list:nth-of-type(3) p{ width:62px; height:62px; position:absolute; z-index:10; top:0; right:0;background:url(../images/mess_icon5.jpg) no-repeat center center;}
.contact .mess .con .conmes .list:nth-of-type(4) .listl{ width:583px;}
.contact .mess .con .conmes .list:nth-of-type(4) .listl img{ position:absolute; z-index:10; top:0px; right:1px;border-left:1px #d2d2d2 solid;}
.contact .mess .con .conmes .list:nth-of-type(4) .listr{ border:0; width:502px;}
.contact .mess .con .conmes .list:nth-of-type(4) .listr .mes_sub{ width:100%; height:62px; line-height:62px; border:0; background:#003288; color:#fff; font-size:20px;font-weight: 400; text-align:center; cursor:pointer;}
.contact .mess .con .conmes .list:nth-of-type(4) .listr .mes_sub:hover{ background:#062861;}

input.mes_text{ width:100%; height:60px; border:0; line-height:60px;font-weight: 400;font-size: 18px;color: #000; text-indent:22px;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #333333; opacity:1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #333333;opacity:1;}
input:-ms-input-placeholder{color: #333333;opacity:1;}
input::-webkit-input-placeholder{color: #333333;opacity:1;}
textarea:-ms-input-placeholder{color: #333333;opacity:1;}
textarea::-webkit-input-placeholder{color: #333333;opacity:1;}
.mess_textarea{ width:100%; height:258px; border:0; line-height:60px;font-weight: 400;font-size: 18px;color: #333; text-indent:22px;border:1px #d2d2d2 solid;}

#elevator_item { width: 45px; height: 45px; position: fixed; right: 25px; bottom: 18px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 100020; display: none; }
#elevator_item.off { opacity: 0; visibility: hidden }
#elevator { display: block; width: 45px; height: 45px; background: url(../images/top.png) center center no-repeat; cursor: pointer;}

.pageController { width:100%; padding: 10px 0; line-height: 25px; text-align:center;}
.pageController a { display:inline-block; line-height:46px;  height:46px; width:46px; color: #666; font-size:14px; margin-right:8px;  background:#dedede; border:1px #dedede solid;border-radius: 100%;}
.pageController a:hover { color: #fff;background:#003288;border:1px #003288 solid; text-decoration: none;font-weight:bolder; }
.pageController .xuanzhong {color: #fff;background:#003288;border:1px #003288 solid; text-decoration: none;font-weight:bolder;}

@keyframes loader{0%{transform:scale(0.6);opacity:0}50%{opacity:1}100%{transform:scale(1);opacity:0}}