@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;}

.pager a font,a,.fixtop .navpc li p i,.fixtop,.tblank,.fixtop .logo,.fixtop .form,.indpro li .pic p,.indpro li .title,.foot .mleft li,.about li .pic img,.contact li.btn input,.nshow .pic img

{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}

.indpro li:hover .pic p,.about li .pic img:hover,.nshow .pic img:hover

{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}

.foot .mright .c3 #ek,.contact li input,.contact li 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:#fff;line-height:1.8;}

a,input,button,select,textarea {text-decoration: none;outline:none;}

html,body,input,button,select,textarea {font-family:'Open Sans','arial','Microsoft YaHei','微软雅黑';}

html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#333;font-weight:400}a {color:#333}

a:hover,.indpro li:hover .title {color:#123d84}

.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 {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;}.list-paddingleft-2{margin:0 0 0 20px;}.list-paddingleft-2 li { list-style:inherit;}

hr {border:0; background:#073190;height:1px;margin:0px 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%;}



.pageclass {height:0px;overflow:hidden;}

.page_wrap {width:100%;padding:70px 0 0px 0;text-align:center}

.pager {width:100%; } 

.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 5px;width:35px; height:35px; line-height:33px; background:none;text-align: center;border-radius:4px;}   

.pager font {font-family:'宋体';font-weight:900;margin:0;} 

.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#123d84; background: #123d84} 

.pager a,.pager span.disabled {color:#666} 

.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:20px;font-weight:500;color:#787878;}

.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}

.pager i {font-weight:bold; line-height: 33px; 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: #ccc;}

::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}



::-webkit-input-placeholder {color: #a3a2a2;}

:-moz-placeholder {color: #a3a2a2; } 

::-moz-placeholder { color: #a3a2a2; } 

:-ms-input-placeholder {color: #a3a2a2; }



::selection {background:#123d84;color:#ffffff;}

::-moz-selection {background:#123d84;color:#ffffff;}

::-webkit-selection {background:#123d84;color:#ffffff; }



.di {float:left;}

.dipage {float:left;}



.wrap {margin:0 auto;max-width:1430px;position:relative;}

.phonemenu { display:none;}



.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 8888; height:100px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2)}

.fixtop .logo { position: absolute;left:0px;width:188px; height:40px;background:url(../images/logo.png) no-repeat center;background-size:100%;top:30px; z-index: 999;}

.fixtop .logo a { display:block;width:100%; height: 100%}

.fixtop .navpc {text-align:right;margin:0 330px 0 0}

.fixtop .navpc li {display:inline-block; vertical-align:top; position: relative;margin:0 0 0 50px}

.fixtop .navpc li a {display: block; height:100px; line-height:99px;font-size:19px;font-weight:700;text-transform: uppercase;}

.fixtop .navpc li a:hover,.fixtop .navpc li.check a {color:#000}

.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:#123d84;margin:0 auto}

.fixtop .navpc li:hover p i,.fixtop .navpc li.check p i {width:100%}

.fixtop .form { position:absolute;right:0;top:30px;width:280px;}

.fixtop .form #k {height:38px;border:1px solid #e6e6e6;width:168px; padding:0 15px;display: inline-block; vertical-align: top;border-top-left-radius:40px;border-bottom-left-radius:40px}

.fixtop .form #sbtn { cursor: pointer;display: inline-block; vertical-align: top; background: #123d84;width:80px; height:40px; line-height: 38px;color:#fff; text-align: center;border-top-right-radius:40px;border-bottom-right-radius:40px;font-weight:700}

.tblank {height:100px}

.indpics .item a { display: block;padding:17% 0;background-position: center; background-repeat:no-repeat;background-size:cover;}



.fixtop.active {top:-20px}

.tblank.active {height:80px}

.fixtop.active .logo { top:40px;}

.fixtop.active .navpc li a {line-height:119px}

.fixtop.active .form { top:40px;}



.indabout {margin:120px 0}

.indabout .pic {float:left;width:44.5%}

.indabout .pic img {width:100%}

.indabout .cons {float:right;width:50%}

.indabout .cons .t {font-weight:700;font-size:40px; line-height:50px;margin:0 0 40px 0;max-width:650px}

.indabout .cons .c {margin:0 0 50px 0;font-size:22px}

.indmore a { background:#123d84; height: 40px; line-height: 38px;border-radius:40px; text-align: center;color:#fff; display:inline-block;padding:0 35px}

.indmore a:hover {padding:0 50px}



.indpro { text-align:center}

.indpro ul {margin:80px 0 80px 0}

.indpro li {float:left;width:16%;margin:0 2%;}

.indpro li .pic { position: relative; overflow: hidden;padding:50% 0;}

.indpro li .title { line-height: 26px;font-weight:700;margin:20px 0 0 0; display: inline-block; text-decoration:underline}

.indpro li .price { text-align:center;color:#123d84;margin:5px 0 0 0}

.indsubject .t {font-weight:700;font-size:40px; line-height:50px;margin:0 0 15px 0;}



.about {margin:120px 0 0 0}

.about li {margin:100px 0}

.about li .pic { display: inline-block; vertical-align: middle;width:40%; overflow: hidden}

.about li .pic img {width:100%}

.about li .cons { display: inline-block; vertical-align: middle;width:50%;margin:0 0 0 10%}

.about li .cons .t {font-weight:bold;font-size:40px; line-height: 50px;}

.about li .cons .c {margin:20px 0;font-size:22px}

.about li.li2 .cons {margin:0 10% 0 0}



.products ul {margin-top:-100px}

.products li {margin-top:100px;width:23.3333%;margin-right:5%;margin-left:5%}

.products li .title {margin:30px 0 0 0}

.products .cons1,.products .cons2 {font-size:22px;}

.products .cons1 {margin:100px 0 90px 0}

.products .cons1 b {display:block;font-size:30px; line-height:45px;padding:0 0 10px 0}

.products .cons2 { background:#f5f5f5;padding:40px 30%;}

.products .clear3 {clear:both}



.contact {text-align:center;}

.contact .wrap {max-width:900px}

.contact .t1 {font-size:40px; line-height: 50px;font-weight:Bold;margin:110px 0 5px 0}

.contact .c1 {font-size:22px;}

.contact .email { background:#efefef;width:380px;margin:30px auto 60px auto;padding:40px 0}

.contact .email span.icon {font-size:60px; line-height: 60px;}

.contact .email .t {font-weight:bold;font-size:30px; line-height: 30px;margin:30px 0 10px 0}

.contact .email .c {margin:0 60px; line-height: 1.6}

.contact .c2 {text-align:left;font-size:22px; line-height: 1.6;margin:0 0 0 3px}

.contact .subject {text-align:left;font-size:22px;font-weight:bold;margin:30px 0 -20px 3px}

.contact ul {width:104%;margin:0 0 0 -2%; text-align: left;}

.contact li {float:left;width:46%;margin:30px 2% 0 2%}

.contact li p {font-size:18px;font-weight:bold;padding:0 0 10px 0}

.contact li input {width:100%; background: #efefef;padding:0 20px; height: 50px; line-height: 48px;}

.contact li.beizu {width:96%}

.contact li textarea {width:100%; background: #efefef;padding:15px 20px; height: 200px; line-height: 25px; overflow: auto}

.contact li.btn { text-align:center;width:96%;margin:40px 0 0 0}

.contact li.btn input {border-radius:5px;padding:12px 0 13px 0;line-height:20px;width:400px;margin:0 auto;background: #123d84;color:#fff; cursor: pointer; text-transform: uppercase;font-weight:bold;font-size:22px;}

.contact li.btn input:hover {width:450px}



.nshow {padding:120px 0}

.nshow .pic {display:inline-block; vertical-align: middle;width:40%}

.nshow .pic img {width:100%;}

.nshow .cons {margin-left:10%;width:50%;display:inline-block; vertical-align: middle}

.nshow .cons .t {font-size:30px; line-height:40px;font-weight:bold;}

.nshow .cons .c {font-size:22px;margin:40px 0 0 0}

.nshow .cons .price {color:#123d84;font-weight:700;margin:30px 0 0 15px;font-size:22px}











.foot { background: #123d84;color:#fff;padding:60px 0;margin:120px 0 0 0}

.foot .mleft {float:right;max-width:380px}

.foot .mleft h2 {color:#fff;font-weight:bold;margin:0 0 20px 0;font-size:20px; line-height: 20px}

.foot .mleft ul {margin:0 0 75px 0}

.foot .mleft li {display:inline-block; vertical-align: top;margin:0 20px 0 0; position: relative;top:0}

.foot .mleft li:hover {top:-5px}
.foot .mleft .copy h2 {margin:-40px 0 20px 0}
.foot .mleft .copy h2 a {color:#fff}

.foot .mmid {float:left;width:200px}

.foot .mmid .logo a {background:url("../images/logo_foot.png");width:188px; height: 40px; display: block;}

.foot .mmid ul {margin:75px 0 0 0}

.foot .mmid li {margin:10px 0 0 0}

.foot .mmid li a {text-decoration: underline;font-size:18px;color:#fff;}

.foot .mright {float:left;width:400px;margin:0 0 0 15.5%}

.foot .mright .c1 {font-weight:bold;font-size:20px; line-height: 25px;margin:0 0 30px 0}

.foot .mright .c2 {font-size:18px; line-height: 1.5}

.foot .mright .c3 {margin:30px 0 0 0}

.foot .mright .c3 #ek { background:#fff; height: 50px; line-height: 48px;width:70%;padding:0 20px; display: inline-block; vertical-align: top;border:0}

.foot .mright .c3 #ebtn {width:30%; height: 50px; line-height:48px; display: inline-block; vertical-align: top;color:#fff; background: #000; cursor: pointer;border-top-right-radius:6px;border-bottom-right-radius:6px; text-transform: uppercase}