@charset "utf-8";
/* by Magiee 20190420 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 13px; background: #fff; color: #444; line-height:160%;}
ul,li { list-style: none; }
em{ font-style:normal !important;}
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.wrapperr{ width:1140px; margin:0 auto;}
.fl { float: left; }
.fr { float: right; }


.top{ background:#ebeef1; height:40px; line-height:40px;}
.top .toper{ padding:0 40px;}
.top .toper .fr img{ vertical-align:middle; margin:0 5px;}
.top .toper .fr span{ margin:0 10px;}
.top .toper .fr img.jj{ margin-left:20px;}

.head{ height:90px; padding:0 40px;}
.head .logo img{ height:60px; margin-top:15px;}
.head .menu{ width:480px; margin:auto;}
.head .menu li{ float:left; width:80px; text-align:center; line-height:90px;}
.head .menu li a{ font-size:16px; font-weight:bold;}
.head .menux{ float:right;}
.head .menux li{ float:left; line-height:36px; margin-top:27px; text-align:center; width:100px;}
.head .menux li a{ font-size:14px; font-weight:bold;}
.head .menux li.on{ background:#0000a3; border-radius:20px;}
.head .menux li.on a{ color:#fff;}

.head .btnmenu { float: right; display:none; padding-left: 50px; line-height: 60px; background: url(../img/btn-menu.png) no-repeat left center;color: #333; font-size:16px; font-weight:bold; margin-top:15px;}
.head .nav { float: right; line-height: 30px; height: 30px; margin: 25px 0 0; }
.head .nav .nli { float: left; margin: 0 12px; }
.head .nav .nli .na { font-size: 16px; color: #000; }
.head .nav .nli .na:hover { color: #ed0e00; }


.pro{ background:#f5f5f5; padding:50px 0;}
.pro h1{ font-size:24px; text-align:center; font-weight:normal; margin:20px 0;}
.pro .protit{ width:60%; margin:0 auto; text-align:center; margin-top:5px; color:#666;}
.pro .probt{ text-align:center; margin-top:55px;}
.pro .probt a{ font-size:15px; color:#666;}
.pro .probt a:hover{ color:#175aa7;}
.pro .probt span{ font-size:11px; color:#ccc; padding:0 10px;}
.pro .proxq{ margin:40px 0;}
.pro .proxq li{ float:left; width:32.3%; margin-right:1.5%;}
.pro .proxq li img{ width:100%;}
.pro .proxq li:nth-child(3){ margin-right:0}
.pro .proxq li .bg{ background:#fff; padding:40px 40px 60px; color:#666;}
.pro .proxq li .bg h2{ margin-bottom:20px;}
.pro .proxq li .bg h2 a{ font-weight:normal; color:#666;}
.pro .proxq li .bg span{ background:url(../img/proline.jpg) no-repeat left bottom; padding-bottom:15px; }
.pro .proxq li .bg span a{ font-size:12px; color:#666;}
.pro  a.prolink{ width:138px; height:40px; margin:0 auto; background:#0000a3; color:#fff; display:block; text-align:center; line-height:40px;}

.box{}
.box h2{ margin-top:70px; font-weight:normal; font-size:22px; text-align:center; color:#444; line-height:140%;}
.box h2 span{ text-transform:uppercase; font-family:Georgia, 'Times New Roman', Times, serif;}
.box .box_txt{ font-size:14px; margin-top:30px; text-align:center;}
.box .com{ background:url(../img/dwa.jpg) no-repeat center; height:513px; margin-top:70px;}
.box .com li{ float:left; width:48.5%; margin-right:3%; background:#fff; text-align:center; margin-top:100px; padding:40px 3%; height:320px; overflow:hidden;}
.box .com li h3{ margin:30px 0; font-size:24px; font-weight:normal; color:#444;}
.box .com li p{ line-height:22px;}
.box .com li:nth-child(2){ margin-right:0;}
.box .equip{ padding-top:30px;}
.box .equip li{ float:left; width:32%; margin-right:1.5%; margin-bottom:20px;}
.box .equip li img{ width:100%;}
.box .equip li:nth-child(3n){ margin-right:0;}
.box .equip li a p{ padding:20px 0; font-size:14px; color:#666;}
.box .more{ text-align:center; margin-bottom:70px;}
.box .more a{ padding:10px 30px; background:#0000a3; color:#fff; line-height:40px;}

.news{ background:#f5f5f5; padding:70px 0;}
.news .newsbig{ background:#ddd; width:540px; color:#333; padding:40px; height:330px;}
.news .newsbig h1{ font-size:16px; font-weight:normal; border-bottom:1px #eee solid; padding-bottom:20px;}
.news .newsbig h2{ font-size:16px; font-weight:normal; margin-top:45px; margin-bottom:30px;}
.news .newsbig p{ margin-bottom:20px;}
.news .newsbig span{ color:#666;}
.news .newsbig span img{ vertical-align:middle; margin-right:5px;}
.news .newsmall{ background:#fff; color:#666; padding:40px; width:600px; height:330px;}
.news .newsmall h1{ text-align:right; font-weight:normal; border-bottom:1px #eee solid; padding-bottom:15px; }
.news .newsmall h1 a{ font-size:12px; color:#666;}
.news .newsmall .newsxq{ margin-top:40px;}
.news .newsmall .newsxq li{ line-height:24px;}
.news .newsmall .newsxq li a{ color:#666;}
.news .newsmall .newsxq li span{ float:right;}

.cont{ background:url(../img/vb.jpg) no-repeat center; height:488px; color:#fff;}
.cont h2{ line-height:100px; font-size:16px;}
.cont .contact{ margin-top:100px;}
.cont .contact h1{ font-weight:normal; font-size:22px;}
.cont .contact .fl01 h1{ font-size:21px;}
.cont .contact p{ margin-top:35px;}
.cont .contact .fl:nth-child(2){ margin-left:200px;}
.cont .contact em{ background:url(../img/contlinkbg.png) no-repeat; float:right; font-style:normal; width:140px; height:50px; text-align:center; line-height:48px; margin-top:90px;}
.cont .contact em a{ color:#fff;}

.foot{ background:#0000a3; height:210px; padding-top:40px; color:#ccc;}
.foot a{ color:#ccc; margin-right:15px;}
.foot .zismall a{ font-size:12px;}
.foot img{ vertical-align:middle;}
.ffoot{ margin-top:40px;}

.inbanner{background:url(../img/inbanner.jpg) no-repeat center center;background-size:cover;padding:120px 0;background-attachment:fixed;}
.inbanner.inbanner_p{background:url(../img/inbanner_p.jpg) no-repeat center center; background-size:cover;background-attachment:fixed;}
.inbanner.inbanner_e{background:url(../img/inbanner_e.jpg) no-repeat center center; background-size:cover;background-attachment:fixed;}
.inbanner.inbanner_m{background:url(../img/inbanner_m.jpg) no-repeat center center; background-size:cover;background-attachment:fixed;}
.inbanner.inbanner_n{background:url(../img/inbanner_n.jpg) no-repeat center center; background-size:cover;background-attachment:fixed;}
.inbanner.inbanner_c{background:url(../img/inbanner_c.jpg) no-repeat center center; background-size:cover;background-attachment:fixed;}
.inbanner.inbanner_o{background:url(../img/inbanner_o.jpg) no-repeat center center; background-size:cover;background-attachment:fixed;}

.inbanner .title { text-align: center; vertical-align: middle; color:#fff;}
.inbanner .title .en { font-size: 50px; text-transform: uppercase; font-family: arial; letter-spacing:2px;}
.inbanner .title .en span{ color:#e87227;}

.content{ background:#f5f5f5;}
.content .in{ padding:50px 0; box-sizing: border-box;}
.proslide{ background:#fff; width:250px; padding:0 15px;}
.proslide h1{ margin-top:20px; padding-bottom:10px; padding-left:10px; border-bottom:1px #ccc solid; font-weight:normal; color:#0000a3;}
.proslide ul{ padding:20px 0;}
.proslide ul li{ line-height:36px; height:36px; overflow:hidden; position:relative; padding-left:20px; margin-bottom:2px;}
.proslide ul li a{ position:relative;}

.proslide .left_con{ background:#fff; text-align:center; margin-bottom:20px;}
.proslide .left_con img{ width:80%;}

.sd{ display:none;}


.proslide ul li:before { content: ''; background: linear-gradient(to right, #e87227, #fe883e); display: block; border-radius: 30px; -webkit-transform: scale(.8); transform: scale(.8); opacity: 0; height: 36px; width: 100%; position: absolute; left: 0; right: 0; top: 0; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; }
.proslide ul li:hover:before, .proslide ul li.on:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.proslide ul li:hover a, .proslide ul li.on a { color: #fff; text-decoration:none;}

.in_con{ background:#fff; padding:20px; width: calc(100% - 280px); margin-left:280px;}
.in_con .intitle{ margin-bottom: 50px; height: 12px; border-bottom: 1px solid #dedede;}
.in_con .intitle h2{ float:left; font-size:24px; font-weight:normal; background:#fff; padding-right:10px;}
.in_con .intitle .now{ float:right; color:#999; background:#fff; padding-left:10px;}
.in_con .intitle .now a{ color:#999;}
.in_con .in_text img{ max-width:100%;}

.item { width: 100%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding:10px 30px; }
.item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.item .time .split { margin: 0 10px; color: #ccc; }
.item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.item .name a { color: #0000a3; }
.item .name a:hover { color: #ea0000; }
.item .text { color: #777; font-size: 14px; line-height: 24px; overflow: hidden; margin-bottom: 16px; }
.item .link { overflow: hidden; margin-bottom: -12px; }
.item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01.png) no-repeat center; float: left; }
.item .link a.l02 { float: right; background-image: url(../images/hb01img02.png); }

.in_text.equipment li{ float:left; width:32%; margin-right:2%; margin-bottom:20px;}
.in_text.equipment li img{ width:100%;}
.in_text.equipment li p{ text-align:center; line-height:24px; height:24px; overflow:hidden;}
.in_text.equipment li:nth-child(3n){ margin-right:0;}

.inpro{}
.inpro li{ float:left; width:32%; margin-right:1.5%; margin-bottom:30px;}
.inpro li img{ width:100%;}
.inpro li:nth-child(3n){ margin-right:0}
.inpro li .bg{ background:#f6f6f6; padding:40px 40px 60px; color:#666;}
.inpro li .bg h2{ margin-bottom:20px; height:20px; overflow:hidden;}
.inpro li .bg h2 a{ font-weight:normal; font-size:20px; color:#666;}
.inpro li .bg span{ background:url(../img/proline.jpg) no-repeat left bottom; padding-bottom:15px; }
.inpro li .bg span a{ font-size:12px; color:#666;}

.contact01{ border-bottom:1px #ccc dashed;}
.contact01 .cc{ padding:0 50px; font-size:15px; line-height:32px; height:180px;}
.contact01 .cc .fl{ width:50%;}
.contact01 .cc .fr{ width:50%;}
.contact02{ padding:0 50px; margin-top:30px; line-height:28px;}


/*.messagecon { margin-bottom:0; width:100%; background:#fff; padding:20px 2% 20px 2%;}
.messagecon p { margin-bottom: 20px; }

.messageinput { width: 80%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }


.ordertit{ padding: 10px; height: 36px; line-height:36px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8;}*/


.ordertit{ width:47%; float:left; font-size:14px; margin-bottom:50px;}
.ordertit input{ padding:10px; height:36px; line-height:36px; font-size:14px; border:1px solid #dedede; margin:0 5px 0 0;color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; width:80%;}
.ordertit input:focus{ color: #333; outline: none; background: #fff;}
.ordert .messageinput{ width:31%; padding:10px; height:36px; line-height:36px; font-size:14px; border:1px solid #dedede; margin:0 5px 0 0; color:#666; -webkit-transition:all .2s ease-in; transition:all .2s ease-in; background:#f8f8f8; }
.ordert .messageinput:focus{ color: #333; outline: none; background: #fff;}
.messagetit { font-weight: bold; line-height: 30px; height: 30px; }
.ordertext{ margin-top:50px;}
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageicon{ width:20%; padding:10px; height:36px; line-height:36px; font-size:14px; border:1px solid #dedede; margin:0 5px 0 0; color:#666; -webkit-transition:all .2s ease-in; transition:all .2s ease-in; background:#f8f8f8; }
.messbutton{ margin-top:30px;}
.messagebtn { width: 50%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #666; color: #fff; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 30%; color: #fff;  opacity: .5; filter: alpha(opacity=50);}
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

@media (max-width:1140px) {

.wrapperr{ width:98%}
.top .toper{ padding:0 20px;}
.top .toper .nomap{ display:none;}
.head .menux{ display:none;}
.head .menu{ display:none;}
.head .btnmenu{ display:block;}

.pro .protit{ width:80%;}
.news .newsbig{ width:50%;}
.news .newsmall{ width:50%;}
.inpro li .bg{ padding:20px 20px 40px;}

.contact01 .cc{ height:auto; padding-bottom:20px;}
.contact01 .cc .fl{ width:100%; float:none;}
.contact01 .cc .fr{ width:100%; float:none;}
.contact02{ margin-top:30px; margin-bottom: 30px; background:url(../uploadfiles/201978/20197882823274.jpg) no-repeat right;}
.contact02 img{ display:none;}
.ordertit input{ width:75%;}
.cont .contact{ margin-top:10px; padding-left:18px;}
.cont .contact .fl.fl00{ float:none;}
.cont .contact .fl.fl01{ float:none;  margin-left:0; margin-top:30px;}
.cont .contact .fr{ float:left;}
.cont .contact em{ margin-top:30px;}
.foot .no{ display:none;}
	}	
	
	
@media (max-width:780px) {
.top .toper{ padding:0 5px;}	
.top .toper em{ display:none;}	
.head{ padding:10px; height:auto;}

.head .logo img{ height:50px;}
.head .btnmenu{ background-size:30px; padding-left:30px;}

.pro .proxq li .bg{ padding:15px 6px 25px;}	
.pro .proxq li .bg h2{ margin-bottom:15px; height:21px; overflow:hidden;}
.pro .proxq li .bg h2 a{ font-size:16px;}
.box .com li img{ width:60px;}

.cont .contact p{ margin-top:18px;}

.in_con{ width:100%; margin-left:0;}
.box .com li{ padding:5px 3%;}
.box .equip li{ width:49%; margin-right:2%;}
.box .equip li:nth-child(2n){ margin-right:0;}
.box .equip li:nth-child(3n){ margin-right:2%;}
.box .equip li:nth-child(6n){ margin-right:0;}
.box .equip li a p{ padding:10px 0;}
.news .newsbig{ width:100%;}
.news .newsmall{ width:100%;}

.proslide.none{ display:none;}
.proslide { width:100%; margin-bottom:20px; padding:0; }
.proslide ul li{ width:48%; float:left; margin-right:2%}

.proslide .sd {display: block; width: 100%; background: #fff; height: 36px; text-align:center; font-size:16px; font-weight:bold;line-height: 36px; border-top:2px #0000a3 solid;}
.proslide .hd { display: none; }
.proslide .bd { display: none; }
.proslide .bd.sbon { display: block; }
.proslide .left_con{ display:none;}


.in_text.equipment li{ width:48%; margin-right:2%;}
.in_text.equipment li:nth-child(2n){ margin-right:0;}
.in_text.equipment li:nth-child(3n){ margin-right:2%;}
.inpro li{ width:48%; margin-right:2%; margin-bottom:20px; margin-top:20px;}
.inpro li:nth-child(3){ margin-right:0;}
.inpro li:nth-child(3){ margin-right:2%}
.inpro li .bg h2 a{ font-size:16px;}

.contact01 .cc{ padding:0;}
.contact02{ padding:0; background:none;}
.foot{ height:auto; padding:30px 0;}
.ffoot{ margin-top:0;}


	}