@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,#slider2 .slide .cons .in .c,#slider2 .slide .cons .in .t a,#slider2 .slide .cons .in,#slider2 .slide .pic p,.indadv li,.indnews .mleft li,.indnews .mleft li.pic a,.foot .up .message .btn #mbtn,.about .pic img,.culture li .pic p,.culture li .cons .t,.team p,.team li .cons,.team li p,.product li .p p,.show_gs .pic img,.show li .in ,.show li p,.news li .pic a p,.fixtop,.tblank,.fixtop .toper .logo,.indadv li .in,.honor li .cons,.maincurrent,.totop
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
#slider2 .slide:hover .pic p,.indnews .mleft li.pic:hover a,.about .pic:Hover img,.culture li:Hover .pic p,.team li:Hover p,.product li:Hover .p p,.show_gs .pic:Hover img,.show li:Hover p,.news li:hover .pic a p
{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); }
#slider2 .slide .cons .in,.indadv li,.foot .up .message input,.foot .up .message textarea,.team .cons,.show li .in,.honor li,.honor ul,.honor li .cons
{-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;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:16px;color:#666;font-weight:400; letter-spacing:0}
a:hover,.foot .copy a:hover{color:#0c5aee}
.culture li:Hover .cons .t {color:#3caff2}
.product li:Hover .t a,.news li:Hover .cons .t a,.contact .mleft a:hover{color:#3399ff}
.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; background:#0c5aee;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;left: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;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:80px 0 0 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d7d7d7;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d7d7d7;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current { background:#3399ff;border:1px solid #3399ff;  background-size:cover; } 
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #3399ff;} 
.pager a,.pager span.disabled {color:#717070;border:1px solid #e5e5e5;background:#fff} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;} 


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

::selection {background:#3399ff;color:#ffffff;}
::-moz-selection {background:#3399ff;color:#ffffff;}
::-webkit-selection {background:#3399ff;color:#ffffff; }

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

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

.fixtop {position:fixed;top:0;left:0; height:97px;width:100%;z-index:99999;background:rgba(11,49,143,0.75);}
.fixtop .toper .logo { display:block; position:absolute;left:0;top:17px; background:url(../../images/logo.png);width:220px; height:63px; background-size:cover;}
.fixtop .toper ul.navpc { text-align:right}
.fixtop .toper ul.navpc li {display:inline-block;margin:0 0 0 80px; position:relative;}
.fixtop .toper ul.navpc li a {display:block;font-size:16px;padding:0;color:#fff; height:93px; line-height:135px;border-bottom:4px solid transparent}
.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li:hover>a{border-color:#fff;}
.fixtop .toper ul.navpc li dl { position:absolute; z-index:9999;left:-88px;top:97px;width:200px; background:rgba(255,255,255,0.9); display:none; padding:15px; text-align:center}
.fixtop .toper ul.navpc li dl.dlpro {left:-75px}
.fixtop .toper ul.navpc li dl.dlnews {left:-90px}
.fixtop .toper ul.navpc li dl dd a,.fixtop .toper ul.navpc li.check dl dd a {color:#333;border:0; height:auto; line-height:24px;font-size:14px; background:none;border-bottom:2px solid transparent; display:inline-block;padding:0 0 5px 0;margin:0}
.fixtop .toper ul.navpc li dl dd a:hover{color:#000; background:none;border-color:#3399ff;}
.tblank { height:97px;}

.fixtop.active {top:-40px}
.fixtop.active .toper .logo { top:50px;width:129px; height:37px;}
.tblank.active { height:57px}

.bxslider li a { display:block; height:778px; background-position:center; background-repeat:no-repeat;}
.indabout {margin:95px 0 0 0; position:relative; overflow:hidden}
.indabout .pic { display:inline-block; vertical-align:middle;width:43.5%}
.indabout .pic img {width:100%}
.indabout .bg { position:absolute;right:0;top:0; height:100%;width:56.5%; background:url(../../images/1.png) no-repeat center right; background-size:cover;}
.indabout .cons { position:absolute; height:100%;top:0;left:0;width:100%;color:#fff}
.indabout .cons .in {padding:0 0 0 46%; letter-spacing:0px}
.indabout .cons .t {font-weight:700;font-size:25px; line-height:35px; letter-spacing:0px}
.indabout .cons .c {margin:30px 0}
.indabout .cons .m a {color:#fff;border:1px solid #fff;border-radius:10px; height:35px; line-height:33px;width:130px; display:block; text-align:center; letter-spacing:0px}
.indabout .cons .m a:hover { background:#3caff2;border-color:#3caff2}

.indmainsubject { text-align:center;padding:80px 0 100px 0}
.indmainsubject .ts {font-size:40px; line-height:50px;font-weight:700;color:#3caff2}
.indmainsubject .cs {font-size:22px; line-height:33px;margin:10px 0 0 0}
.indmainsubject .cs .c { display:inline-block; vertical-align:top;margin:0 10px;margin:0 10px}
.indmainsubject .cs i {width:65px; height:2px; background:#3caff2; display:inline-block; vertical-align:top;margin:19px 0 0 0}

.indpro { background:url(../../images/2.png) no-repeat center; height:1000px;padding:147px 0 0 0; background-size:cover;}
.indpro .wrap {max-width:1240px}
#slider2 .slide {padding:20px}
#slider2 .slidein {box-shadow:0px 0px 20px rgba(0,0,0,0.2)}
#slider2 .slide .cons { background:#fff;padding:40px 0 0 40px}
#slider2 .slide .cons .in { background:#efefef;max-width:345px;padding:20px}
#slider2 .slide .cons .in .t { height:30px; line-height:30px; overflow:hidden;margin:10px 0 10px 0}
#slider2 .slide .cons .in .t a {font-size:25px;color:#333}
#slider2 .slide .cons .in .c {color:#999; line-height:25px;min-height:150px;font-size:14px}
#slider2 .slide .pic { position:relative; overflow:hidden}
#slider2 .slide:hover .cons .in{ background:#3caff2}
#slider2 .slide:hover .cons .in .t a,#slider2 .slide:hover .cons .in .c{color:#fff}

#slider2 .bx-wrapper .bx-prev {left:-120px;background:url('../../images/right.png');transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
#slider2 .bx-wrapper .bx-next {right:-120px;background:url('../../images/right.png');}
#slider2 .bx-wrapper .bx-controls-direction a {margin-top:-33px;width:56px;height:65px; opacity:1;}
#slider2 .bx-wrapper .bx-controls-direction a:hover {opacity:1}
.bannermid { height:220px; background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center;font-size:35px; line-height:45px; letter-spacing:0px;font-weight:300;color:#fff}

.indadv {margin:0 0 160px 0}
.indadv ul {width:102%;margin:0 0 0 -1%;}
.indadv li {float:left;width:23%;margin:0 1% 0 1%;border:2px solid transparent;border-top-right-radius:100px;padding:80px 0 30px 30px}
.indadv li .in { position:relative;top:0;min-height:390px}
.indadv li .in .p img {height:80px; position:relative;top:0}
.indadv li .in .t {font-size:24px; line-height:34px;color:#333;font-weight:700;margin:15px 0 15px 0;}
.indadv li .in .c {color:#999; line-height:26px;}
.indadv li:Hover {border-color:#3caff2;}
.indadv li:Hover .in {top:-20px}

.indnews { background:url(../../images/1.jpg) no-repeat center; background-size:cover;padding:0 0 140px 0}
.indnews .indmainsubject .ts {color:#fff}
.indnews .indmainsubject .cs .c {color:#fff}
.indnews .indmainsubject .cs i { background:#fff}
.indnews .mleft {float:left;width:46%;color:#fff}
.indnews .mleft a {color:#fff;font-size:18px;font-weight:700}
.indnews .mright {float:right;}
.indnews .mleft {margin-top:-50px}
.indnews .mleft li { background:#1d8aea;padding:10px 20px;margin:50px 0 0 0}
.indnews .mleft li .t { height:25px; line-height:25px; overflow:hidden;margin:5px 0}
.indnews .mleft li .c { line-height:30px; height:60px; overflow:hidden;}
.indnews .mleft li:hover { background:#2796ed;box-shadow:0 0 20px rgba(0,0,0,0.2)}
.indnews .mleft li.pic { position:relative;padding:0; overflow:hidden;border:5px solid #1d8aea}
.indnews .mleft li.pic a { display:block; background-position:center; background-repeat:no-repeat; height:270px; background-size:cover;}
.bannerin { height:680px; background-position:center; background-repeat:no-repeat;}

.maincurrent { background:#f1f4f8;box-shadow:0 0 15px rgba(0,0,0,0.3);padding:30px 0 10px 0; text-align:center; position:relative;z-index:9999;left:0;top:0;width:100%}
.hidden { display:none;}
.maincurrent li { display:inline-block; vertical-align:top;width:25%;margin:10px 0 0 0}
.maincurrent li a { display:inline-block;padding:0 35px; height:50px; line-height:50px;}
.maincurrent li a:Hover,.maincurrent li.active a,.navbar-nav li.active a { background:#3399ff;color:#fff}

.maincurrent.active { position:fixed;top:-30px; z-index:999999}

.namemj { position:relative;top:-100px}
.aboutsubject {padding:80px 0 0 0}
.aboutsubject .subject {font-size:32px; line-height:32px;color:#333; text-align:center;}
.aboutsubject .line {width:40px; height:6px; background:#3399ff;margin:20px auto 60px auto}
.about .pic {float:left;width:27%; overflow:hidden}
.about .pic img {width:100%}
.about .content {float:right;width:70%; line-height:1.8;margin:-5px 0 0 0}

.culture { background:#f1f4f8;margin:80px 0 0 0;padding:0 0 80px 0}
.culture ul {width:105%;margin:-5% 0 0 -2.5%}
.culture li {float:left;width:28.3333%;margin:5% 2.5% 0 2.5%; background:#fff;border-radius:5px}
.culture li .pic { position:relative; overflow:hidden;border-radius:5px}
.culture li .cons {padding:15px;}
.culture li .cons .t {font-size:24px; line-height:34px;color:#3399ff}
.culture li .cons .c {font-size:12px; line-height:22px;margin:5px 0 5px 0}

.honor .aboutsubject {padding:100px 0 0 0}
.honor .aboutsubject .line {margin-bottom:80px}
.honor .bg { background:url(../../images/3.jpg) no-repeat center;width:526px; height:226px; position:absolute;right:-120px;top:0; z-index:-1}
.honor ul {width:107%;margin:-7% 0 0 -3.5%;padding:15px 14.5% 0 14.5%}
.honor li {float:left;width:43%;margin:7% 3.5% 0 3.5%;position:relative; overflow:hidden}
.honor li .cons { background:rgba(0,0,0,0.5); position:absolute;width:100%; height:100%; z-index:100; text-align:center;padding:0 15px;color:#fff;opacity:0;font-size:18px; line-height:28px}
.honor li .cons:Hover {opacity:1}

.team { background:#f1f4f8;margin:100px 0 0 0;}
.team ul {width:105%;margin-left:-2.5%}
.team li {float:left;width:28.3333%;margin:0 2.5% 5% 2.5%; border-radius:5px; position:relative; overflow:hidden}
.team li .cons { background:rgba(0,0,0,0.5); position:absolute;width:100%; height:100%; z-index:100; text-align:center;padding:0 15px;color:#fff;opacity:0}
.team li .cons:Hover {opacity:1}

.maincurrentpro li {width:auto;margin-left:1px}
.maincurrentpro li a {padding:0 30px;}
.product {margin:80px 0 0 0}
.product ul {width:102%;margin:-2% 0 0 -2%;}
.product li {float:left;width:23%;margin:2% 1% 0 1%}
.product li .p { position:relative; overflow:hidden;}
.product li .t { height:25px; line-height:25px; overflow:hidden; text-align:center;margin:10px 0 0 0}
.product li .t a {font-size:14px;}

.probg { background:#f1f4f8;padding:0 0 60px 0}
.show_gs .pic {float:left;width:32%; overflow:hidden}
.show_gs .pic img {width:100%;}
.show_gs .cons {float:right;width:63%}

.show .cons {padding:50px 0 0 0}
.show ul { text-align:center;width:102%;margin:-2% 0 0 -1%;padding:90px 0 60px 0}
.show li { display:inline-block; vertical-align:top;width:31.3333%;margin:2% 1% 0 1%; position:relative; overflow:hidden}
.show li .in { position:absolute;top:0;left:0; z-index:200;width:100%; height:100%; background:rgba(0,0,0,0.5);color:#fff;padding:0 15px; opacity:0}
.show li .in:Hover {opacity:1}
.show .prevnext{ text-align:center;width:100%}
.show .prevnext a { color:#3399ff;display:inline-block; vertical-align:top;border-radius:25px;height:35px; line-height:35px;padding:0 15px;margin:0 5px;border:1px solid #7a7a7a}
.show .prevnext a:hover { background:#3399ff;border-color:#3399ff;color:#fff}

.news {margin:50px 0 0 0}
.news li { position:relative;padding:30px 0; position:relative;border-bottom:1px solid #978d8d;min-height:167px}
.news li .pic { position:absolute;left:0;top:30px;width:250px; height:167px;}
.news li .pic a { display:block; position:relative;width:100%; height:100%; overflow:hidden}
.news li .cons {margin:0 0 0 300px;}
.news li .cons .t { height:25px; line-height:25px; overflow:hidden;margin:10px 0 0 0}
.news li .cons .t a {font-size:24px;color:#333}
.news li .cons .c { line-height:30px; height:60px; overflow:hidden;margin:15px 0 30px 0}
.news li .cons .a {font-size:14px;}

.topblank { height:97px}
.fixtop2 {background:#083e9d}
.nshow .title { text-align:center;font-size:24px; line-height:34px;color:#333;margin:80px 0 10px 0}
.nshow .addtime { text-align:center;border-bottom:1px solid #978d8d;font-size:14px; text-align:right;padding:0 0 10px 0;}
.nshow .cons {margin:0 0 50px 0}

.maincurrent3 { text-align:left;}
.contact {margin:100px 0 0 0}
.contact .mleft {float:left;width:40%;color:#333;font-size:18px;}
.contact .mleft a {font-size:18px;color:#333}
.contact .mleft img {margin:0 0 10px 0}
.contact .mleft .t1 {font-size:25px; line-height:35px;font-weight:700;margin:-10px 0 30px 0}
.contact .mleft .t2 {font-size:20px; line-height:27px;max-width:295px;margin:5px 0 30px 0}
.contact .mleft .t3 {}
.contact .mright {float:right;width:55%; position:relative}
.contact .mright a { display:block;width:100%; height:100%; position:absolute; z-index:100}
#container,.contact .mright iframe {width:100%; height:430px;}



.foot { background:url(../../images/2.jpg) no-repeat center; background-size:cover;margin:280px 0 0 0;padding:0 0 140px 0}
.foot .up { background:#fff;padding:0 210px;top:-204px; position:relative;margin-bottom:-204px; overflow:hidden}
.foot .up .subject {color:#3caff2;font-size:18px;font-weight:700;margin:0 0 5px 0}
.foot .up .quicknav ul { text-align:center;margin:0 0 30px 0}
.foot .up .quicknav li { display:inline-block; vertical-align:top;}
.foot .up .quicknav li i { display:inline-block; vertical-align:top;width:1px; height:18px; background:#666;margin:8px 50px 0 50px}
.foot .up .message .subject {margin:0 0 15px 0}
.foot .up .message input { background:#d1d1d1; height:40px; line-height:40px;padding:0 15px;border-radius:4px;width:23%}
.foot .up .message #mname {width:48%}
.foot .up .message #mtel {margin:0 3%}
.foot .up .message textarea { background:#d1d1d1; height:90px; line-height:25px;padding:10px 15px;border-radius:4px;width:100%;margin:10px 0; overflow:auto}
.foot .up .message .btn { text-align:right;margin-top:-10px}
.foot .up .message .btn #mbtn { background:#3caff2; height:35px; line-height:35px; text-align:center;color:#fff;font-weight:700; cursor:pointer;width:90px}
.foot .up .message .btn #mbtn:hover { background:#0c5aee}
.foot .up .teladdress {border-top:2px solid #3caff2;margin:10px 0 0 0;font-size:17px;padding:15px 0 55px 0}
.foot .up .teladdress .tel {float:left;width:35%;}
.foot .up .teladdress .address {float:right;width:60%; text-align:right}
.foot .copy { background:#3caff2; text-align:center;font-size:12px;padding:25px 0;color:#fff}
.foot .copy a {color:#fff;font-size:12px;}
.totop { position:fixed; z-index:9999;right:30px; bottom:30px;width:30px; height:30px; background:#ccc; text-align:center; cursor:pointer;color:#fff; line-height:32px;border-radius:2px; display:none;}
.totop.active { display:block}
.totop i { display:inline-block; vertical-align:top;font-size:25px;}
.totop:hover { background:#005bac;}