@import "base.css";
@import "frame.css";

/*banner图片*/
.banner{ height:350px; overflow:hidden; position:relative; border-bottom:1px solid #e3e3e3;}

.def_pro{width:1200px; height:500px; overflow:hidden; position:absolute; left:50%; top:0; z-index:100; margin-left:-600px;}
.def_pro_nav{width:200px; height:500px; background:url(../images/bgg.png) repeat;}
.def_pro_nav li{height:50px; border-bottom:1px solid #484848;}
.def_pro_nav li>a{display:block; width:170px; height:30px; overflow:hidden; padding:10px 15px; line-height:30px; color:#fff; background:url(../images/icon_GD.png) no-repeat right center;}
.def_pro_nav li div{display:none; width:920px; height:420px; padding:40px; position:absolute; right:0px; top :0px; border-top:1px solid #e3e3e3;}
.def_pro_nav li div a{display:inline-table; line-height:30px; font-size:14px; margin-right:30px; color:#32a3dd;}
.def_pro_nav li:hover{ background:#fff;}
.def_pro_nav li:hover>a{color:#333;}
.def_pro_nav li:hover div{display:block; background:#fff;}

.def_class{width:1200px; overflow:hidden; margin:0 auto 50px auto; height:311px;}
.def_class ul{width:1210px; overflow:hidden; line-height:30px;}

.def_class li{float:Left; width:235px; overflow:hidden; padding:30px; margin-right:10px; background:#32a3dd; text-align:center;}

.def_class li dt{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #e3e3e3; font-size:14px; text-align:center; font-weight:bold;}
.def_class li dd{font-size:12px; text-align:left; line-height:20px;}
.def_class li a{display:block; height:20px;  padding:5px 0; color:#fff; line-height:20px;}

.def_class li:last-child{margin-right:0px;}
/*.def_class li:first-child{ width:530px;}
.def_class li:first-child dd{  font-size:12px;width:530px;}
.def_class li:first-child dd a{display:inline-block; float:left; width:265px; margin:5px 0; color:#fff; line-height:20px;}*/


/*框架头*/
.maintop{ width:1200px;margin:0 auto; padding:50px 0;}
.maintop>p{ width:400px; height:80px; font-size:18px; line-height:0px; text-align:center; margin:0 auto; margin-top:30px; background:url(../images/icon_htop.png) no-repeat; background-size:100%;}

.def_flow{width:1200px; height:150px; overflow:hidden; margin:50px 0;}
.def_flow ul{width:1200px; overflow:hidden;}
.def_flow li{float:left; width:184px; height:150px; margin-right:32px; background:url(../images/flow_bg.png) no-repeat 0px 0px;}
.def_flow li:last-child{width:121px; margin-right:0px; margin-left:-1px;}
.def_flow li p{width:121px; height:150px; overflow:hidden; cursor:pointer; text-align:center; line-height:30px; color:#333; font-size:16px;}
.def_flow li i{display:block; width:81px; height:81px; overflow:hidden; margin:20px;}
.def_flow li i.flow01{background:url(../images/icon_flow_01.png)}
.def_flow li i.flow02{background:url(../images/icon_flow_02.png)}
.def_flow li i.flow03{background:url(../images/icon_flow_03.png)}
.def_flow li i.flow04{background:url(../images/icon_flow_04.png)}
.def_flow li i.flow05{background:url(../images/icon_flow_05.png)}
.def_flow li i.flow06{background:url(../images/icon_flow_06.png)}
.def_flow li:hover{ background-position:-184px 0px;}
.def_flow li:hover i{ background-position:0 -81px;}
.def_flow li:hover p{ color:#32a3dd;}

.mtu{ width:1260px; margin-left:20px; margin-bottom:30px;}
.mtu li{ float:left; width:180px; margin-right:30px;}
.mtu li img{}

.ttu{ width:1220px;}
.ttu li{ position:relative; width:285px; float:left; margin-right:20px;}
.ttu li a{display:block;}
.ttu li img{width:285px; height:396px;}
.ttu li div{ position:absolute; height:50px; bottom:20px; left:20px; right:20px; display:none;  background:#32a3dd; text-align:center; line-height:50px; color:#fff;}
.ttu li:hover div{display:block;}


.khsy{ background:url(../images/icon_bg2.jpg) no-repeat; margin-top:30px; background-size:100% 100%;}
.khsy .kh>p{ color:#fff;}
.tnew{}
.tnew li{ float:left; width:600px;}
.tnew li>img{ width:300px; float:left; height:200px;}
.tnew li div{ position:relative; width:260px; height:160px; padding:20px; float:left; background-color:#32a3dd;}
.tnew li div p{ color:#fff; font-size:16px; line-height:30px;}
.tnew li div i{}
.tnew li div span{ color:#fff; font-size:12px;  text-indent:2em; line-height:20px; height:100px; overflow:hidden; display:inline-block;}
.tnew li div a{float:right; color:#fff; display:inline-block; line-height:30px; font-size:14px;}
.tnew li div img{}
.tnew li:nth-child(1) div img{ position:absolute; top:45%; right:299px;}
.tnew li:nth-child(2) div img{ position:absolute; top:45%; right:299px;}
.tnew li:nth-child(3) div img{ position:absolute; top:45%; left:299px;}
.tnew li:nth-child(4) div img{ position:absolute; top:45%; left:299px;}


.kl{ width:1240px;}
.kl li{ width:164px; height:110px; border:1px solid #e3e3e3; float:left; margin-right:40px; margin-bottom:30px;}
.kl li img{ width:100%; height:100%;}



/*关于我们*/
.gywm{ background:url(../images/bggywm.jpg) no-repeat; margin-top:30px; background-size:100% 100%;}
.gywm .gy>p{ color:#fff;}
.mnew .info{ float:left; width:640px; height:260px; padding:30px; background-color:#fff;}
.mnew .info span{ color:#333; display:block; font-size:18px; font-weight:bold; line-height:30px;}
.mnew .info div{ color:#333;  height:180px; overflow:hidden; line-height:30px; }
.mnew .info div p{text-indent:2em;}
.mnew .info a{ display:inline-block; background-color:#128bde; margin-top:20px;}
.mnew .info a font{ float:left; background-color:#26a6ff; color:#fff; line-height:40px;  padding:0 20px;}
.mnew .info a img{ float:left; width:20px; height:20px; margin:10px;}
.mnew img{ float:left; width:500px; height:320px;}


/*联系我们*/
.lxwm{  background-color:#4a4e53;}
.lxwm .lx>p{ color:#fff;}

.lnew{}
.lnew .ln1{ float:left; width:310px; margin-right:40px;}
.lnew .ln1 p{ color:#999; font-size:16px; line-height:30px; margin-bottom:15px;}
.lnew .ln1 select{ width:100%; height:30px; margin-bottom:15px;box-shadow: 0 0 5px #ccc;  appearance: none;-webkit-appearance: none;-moz-appearance: none; color:#fff;background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;  padding-right: 14px;  }
.lnew .ln1 select option{background-color:#575b60; color:#fff;}
.lnew .ln1 input[type='text']{width:90%; height:30px; border:0; margin-bottom:15px;background-color:#575b60; color:#fff; padding:0 5%;}

.lnew .ln2{ float:left; width:310px; margin-right:40px;}
.lnew .ln2 p{ color:#999;font-size:16px; line-height:30px; margin-bottom:15px;}
.lnew .ln2 select{ width:100%; height:30px; margin-bottom:15px;box-shadow: 0 0 5px #ccc;  appearance: none;-webkit-appearance: none;-moz-appearance: none; background-color:#575b60; color:#fff;background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;  padding-right: 14px; }
.lnew .ln2 select option{background-color:#575b60; color:#fff;}
.lnew .ln2 input[type='text']{ width:100%; height:30px; border:0; margin-bottom:15px;background-color:#575b60; color:#fff;box-shadow: 0 0 5px #ccc;}
.lnew .ln2 textarea{width:90%;  height:120px; line-height:30px; border:0; margin-bottom:15px;background-color:#575b60; color:#fff; padding:0 5%;}
.lnew .ln2 a{ display:inline-block;color:#fff; width:150px; margin-right:10px; text-align:center; background-color:#575b60; font-size:16px; line-height:40px;}
.lnew .ln2 input[type='submit']{ width:146px; margin:0; padding:0; border:0; text-align:center; background-color:#575b60; color:#fff; font-size:16px; line-height:40px;}

.lnew .ln3{ float:left; width:250px; color:#fff;}
.lnew .ln3 img{ margin-top:45px; width:120px; height:120px; float:left;}
.lnew .ln3 span{ display:block; float:left; width:80px; padding:0 20px; margin-top:45px;}

.lnew .ln4{ float:left; width:250px; text-align:center; padding-top:10px; color:#fff;}
.lnew .ln4 p{ font-weight:bold; font-size:16px; line-height:30px;}
.lnew .ln4 span{ font-weight:bold; display:block; font-size:25px; line-height:30px;}
.lnew .ln4 font{ line-height:30px;}
.lnew .ln4 i{ display:block;; height:2px;}
.lnew .ln4 a{ display:block; border:1px solid #fff; color:#fff; width:120px; margin:0 auto; font-size:16px; line-height:30px;border-radius:3px;}


.neww{ width:1200px;}
.neww li{ width:570px; margin-right:30px; margin-bottom:30px; float:left; height:100px;}
.neww li img{ width:150px; float:left; height:100px;}
.neww li div{ width:390px; padding-left:30px; float:left; }
.neww li span{  display:block; font-size:16px; font-weight:bold; margin-bottom:10px;width:390px; height:20px; line-height:20px; overflow:hidden; color:#333;}
.neww li i{ width:390px; display:block; height:75px; line-height:25px; font-size:14px; overflow:hidden; color:#999; font-style:normal;}


.yq{ width:1200px; overflow:hidden;  margin:50px auto;}
.yq p{ width:80px; float:left; height:30px; text-align:left; color:#333; line-height:30px;}
.yq ul{ width:1120px; overflow:hidden; float:left;}
.yq ul li{ height:30px; float:left; margin-right:30px;}

.yq ul li a{ color:#666; line-height:30px;}
.yq ul li:hover a{ color:#000;}