﻿body{ margin:0 auto; padding:0; font-size:14px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
/*h1,h3,h3,h4{ font-size:14px;}*/
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#eb2914;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.warp { width:1200px; margin:0 auto;} 
.inp_one { width:200px; height:25px; line-height:25px;}
.inp_small { width:100px; height:25px; line-height:25px;}
#VCode { cursor:pointer;}
.mt { margin-top:15px;}
.blue { color:#0037FF;}

/*top*/
.header { width:100%; height:125px; background:#fff; margin:0 auto;}
.header .logo { height:125px; float:left; }
.header .logo img{position: relative;top: 25%;}
.rgtx{width:1000px;float:right; height:125px;}
.top_r{ float:right; font-size:14px; margin-top:25px; margin-right: 20px;}
.top_r a{ margin-left:13px;line-height:25px;}
.top_r a.dina{ background:url(../images/d_san.jpg) no-repeat right center; padding-right:13px; position:relative;}
.top_r a.shu{ background:url(../images/d_shu.jpg) no-repeat left center; padding-left:18px;}
a.dina .ewm{ display:none;position:absolute; left:-60px; top:25px; float:left; z-index:3;height: 150px;width: 150px}
a.dina .ewm img{width: 100%;height: 100%}
a.dina:hover .ewm{ display:block; position:absolute; left:-60px; top:25px; float:left; z-index:3;}
a.soso_a{background:url(../images/soso_t_03.png) center center no-repeat; height:25px; width:25px; display:inline-block; margin-top:-25px; position:relative;}
.sosok{ height:44px; width:160px; position:absolute; right:0; top:25px; background:url(../images/soso_t_07.png) center left no-repeat; z-index:3;display:none;}
.sosok input{ height:25px; line-height:25px; width:154px; background:#1e477d; border:1px solid #1e477d; text-indent:10px; color:#fff; margin-top:17px;font-family:"微软雅黑"; }
a.soso_a:hover .sosok{display:block;}
/*导航*/

.nav li.hover{background:#0068B7;border-radius: 8px;}
.nav li.hover a{color: white;}
.nav li{ float:left;position: relative;padding: 0 29px;}
.nav li:hover{border-radius: 8px;background:#0068B7;}
.nav li:hover a{ color: white;}
.nav li ul{ display: none;position: absolute;left: 0;margin:1px auto;overflow: hidden; z-index: 9999999; width: 116px;}
.nav li ul li{ height:40px; line-height:40px;padding:0;width: 110px;margin: 1px 0;border: 2px solid #0065A9;border-radius: 8px;background: #0754B0;}
.nav li ul li a{display:block;height:100%; margin:0;text-align: center;padding:0; color: white;width: 110px;}
.nav li:hover ul{position:absolute; left:0; top:41px; margin:0; padding:0; display:block;}
.nav li ul li:hover{border: 2px solid white;}
.nav { height:40px; line-height:40px;float: right;margin-top: 23px;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .hd { width:100%; height:30px; line-height:30px; text-align:right; overflow:hidden; position:absolute; right:10px; bottom:30px; z-index:1;text-align: center;}
.banner .hd li{ display:inline-block; margin-right:2px; width:15px; height:15px; line-height:15px;  background:#fff; cursor:pointer; border-radius:50%;}
.banner .hd li.on { background:#f00; color:#fff;}
.banner .bd { width:100%; position:relative; z-index:0;}
.banner .bd li { width:100%; position:relative;}
.banner .bd li a { display:block; width:100%;}
.banner .bd img { display:block; width:100%;}
.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner_ej { width:100%; margin:0 auto;}
.banner_ej img { width:100%;}

/*脚部*/
.footer { width:100%; margin-top:20px; background:white; line-height:25px; font-size:14px;}
.footer .fotnav { width:100%; background:#0067cb; height:40px; line-height:40px;}
.footer .fotnav a {margin:0 10px;}
.S_bottom{ background:url(../images/bottom_16.jpg) center center; height:295px; width:100%;}
.S_bottom_n{ width:1200px; margin:0 auto; }
.s_bottom_t_l{ height: 75px;float: left;color: #ffffff;line-height: 75px;}
.s_bottom_t_r{position: absolute; color: #ffffff; height: 75px;margin-left: 53%;}
.s_bottom_t_r ul{margin-top:25px; margin-right:5px;}
.s_bottom_t_r ul li{ float:left; margin-left:23px;}
.S_bottom_m{float:left; width:1200px;}
.S_bottom_m_l{ width:200px; float:left; }
.S_bottom_m_m{ float:left; color:#ffffff; line-height:25px; font-size:12px; margin-left:50px; width:685px;}
.S_bottom_m_m ul:nth-child(1){float: left;}
.S_bottom_m_m ul:nth-child(2){position: relative;margin-left: 250px;}
.S_bottom_m_r{ float:right; width:265px; height:115px;}
.S_bottom_m_r>div{height: 99px;width: 92px;position: relative;margin-left: 160px;top: 50%;margin-top: -48px;}
.S_bottom_m_r>div>img{width: 100%;height: 100%;}
.S_bottom_m_r img{position: absolute;}
.S_bottom_link{ width:1200px; margin-top:10px;z-index: 100;}
.S_bottom_link span{ color:#ffffff; height:30px; font-size:12px; float:left; line-height:30px; width:80px;margin-bottom: 0;}
.S_bottom_link a{ color:#ffffff;height:30px; font-size:12px; line-height:30px; float:left; margin-right:20px;margin-bottom: 0; }
.S_bottom_link a:hover{ color:#264377}
.wechat{height: 120px;width: 120px;position: relative;margin-left: -93px;margin-top: -170px;}
.wechat img{width: 100%;height: 100%;}
.S_bq{ width:1200px; height:40px; line-height: 40px;margin:0 auto;}
.s_bq_l{ float:left; color:#000;font-size:12px;}
.s_bq_r{ float:right; text-align:right;font-size:12px;}

.s_bottom_t_r ul li:nth-child(4) .wechat,.s_fd1 ul li:nth-child(4) .wechat{ display:none;}
.s_bottom_t_r ul li:nth-child(4):hover .wechat,.s_fd1 ul li:nth-child(4):hover .wechat{ display:block;}

/*在线客服*/
.s_fd1 { position:fixed; right:5px; bottom:121px; height:277px; width:49px; border:1px solid #c1c1c1; z-index:2; background:#ffffff;}
.s_fd1 ul{ width:49px;}
.s_fd1 ul li a{ height:49px; line-height:49px; width:49px; text-align:center; font-size:14px; color:#666666; float:left; border-bottom:1px solid #c1c1c1; }

/************************************************ 首页代码 （多余不用请删除） start*****************************************************/

/*首页服务信息*/
.S_service{ width:1200px; margin:0 auto; }
.S_service h2{ font-size:30px; font-weight:normal; text-align:center; margin-top:40px;}
.S_service_div{ height:400px;width:1200px; margin-top:30px; margin-bottom:30px; }
.S_service_div>a{position: relative;margin-top: 30px;float: left;margin-left: 560px;}
.S_service_div dl{float:left; width:298px;border:1px solid #cccccc; height:350px; position:relative; cursor:pointer; margin:0; padding:0; overflow:hidden; }
.S_service_div dl.on dt img{ width:300px; height:300px;}
.S_service_div dl.on a{ width:300px; height:350px; display: block;}
.S_service_div dl.on dd h3{text-align: center;height: 50px;line-height: 50px;width: 80%;margin: auto;overflow: hidden;}
.S_service_div dl.on:hover dd{ background:#2EAFBB url(../images/da_more.png) no-repeat 130px 320px; display:block; width:300px; height:350px; position:absolute; left:0; top:0;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; }
.S_service_div dl.on:hover dd h3 { color:#ffffff; font-size:20px; text-align:center; margin-top:50px;  line-height:50px; width:300px; float:left; font-weight:normal;}
.S_service_div dl.on:hover dd span{ width:260px; padding:0 20px; text-align:center; display:block; }
.S_service_div dl.on:hover dd span a {  padding:0 10px; text-align:center; color:#ffffff; font-size:14px; }

.S_service_div dl.on a{width:300px; height:350px; display: block;}
.S_service_div dl.on a h3{text-align: center;height:50px;line-height: 50px;width: 80%;margin: auto;overflow: hidden;}
.S_service_div dl.on:hover dd{background:#2EAFBB url(../images/da_more.png) no-repeat 130px 320px; display:block; width:300px; height:350px; position:absolute; left:0; top:0;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; }
.S_service_div dl.on:hover dd h3{color:#ffffff; font-size:20px; text-align:center; margin-top:20px;margin-bottom:10px; line-height:50px; width:300px; float:left; font-weight:normal;}
.S_service_div dl.on:hover dd span{width:260px; padding:0 20px; text-align:center; display:block;}
.S_service_div dl.on:hover dd span a{padding:0 10px; text-align:center; color:#ffffff; font-size:14px;}

.S_service_div .s_t,.S_service .s_b{margin:0; padding:0; width:300px; height:200px; position:relative; overflow:hidden;}
.S_service_div .s_t div,.S_service .s_b div{margin:0; padding:0; height:200px;}
.S_service_div .s_t:hover div,.S_service_div .s_b:hover div{background:#2EAFBB url(../images/da_more.png) no-repeat 130px 135px; position:absolute; left:0; top:0; display:block;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; }
.S_service_div .s_t:hover div h3 a,.S_service_div .s_b:hover div h3 a{color:#000000; font-size:20px; text-align:center; margin-top:30px; margin-bottom:10px; line-height:30px; width:300px; float:left; font-weight:normal;}
.S_service_div .s_t:hover div span,.S_service_div .s_b:hover div span{width:260px; padding:0 20px; text-align:center; display:block; }
.S_service_div .s_t:hover div span a,.S_service_div .s_b:hover div span a{padding:0 10px; text-align:center; color:#000000; font-size:14px; }

/*首页解决方案*/

.box_f{ width:100%; background:#0068b7; height:605px;}
.box_f h2{ font-size:30px; font-weight:normal; text-align:center; height:120px; line-height:120px;color: #fff;}
.box{ width:1100px; margin:40px auto;}
.box>a{float: right;margin-top: -70px;margin-right: 520px;}
.box ul li{ float:left; height:400px; width:250px; margin:0 12px; overflow:hidden; background:url(../images/orange.jpg)  0 400px no-repeat; position:relative;}
.box ul li:hover{ background-position:0px 0px; -webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;}
.box ul li u{ position:absolute; display:block; margin-left:25px; width:200px; height:200px; background:url(../images/round.png)  no-repeat; -webkit-transition:all .5s ease-in-out .0s; transition:all .5s ease-in-out .0s;-moz-transition:all .5s ease-in-out .0s; -ms-transition:all .5s ease-in-out .0s;-o-transition:all .5s ease-in-out .0s;}
.box ul li u.cr{clip:rect(0px,200px,-10px,100px);   }
.box.active ul li u.cr{clip:rect(0px,200px,200px,100px); }
.box ul li:hover u.cr{ clip:rect(0px,200px,-10px,100px)} 
.box ul li u.cl{clip:rect(200px,100px,2000px,0px) }
.box.active ul li u.cl{clip:rect(0px,100px,200px,0px);   }
.box ul li:hover u.cl{ clip:rect(200px,100px,2000px,0px) }
.box ul li i{ display:block; font-style:normal; position:absolute; height:70px; width:78px; left:83px; top:66px;  }
.box ul li.box1 i{ background:url(../images/box1.png) 0px 0px no-repeat}
.box ul li:hover.box1 i{ background:url(../images/box1.png) -78px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; -webkit-transition:all .4s ease-in-out .4s; -o-transition:all .4s ease-in-out .4s; -moz-transition:all .4s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box2 i{ background:url(../images/box2.png) 0px 0px no-repeat; height:85px; top:62px; width:76px; left:84px; }
.box ul li:hover.box2 i{ background:url(../images/box2.png) -76px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; -webkit-transition:all .4s ease-in-out .4s; -o-transition:all .4s ease-in-out .4s; -moz-transition:all .4s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box3 i{ background:url(../images/box3.png) 0px 0px no-repeat; width:74px; left:85px;}
.box ul li:hover.box3 i{ background:url(../images/box3.png) -74px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; -webkit-transition:all .4s ease-in-out .4s; -o-transition:all .4s ease-in-out .4s; -moz-transition:all .4s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box4 i{ background:url(../images/box4.png) 0px 0px no-repeat; width:70px; left:86px;}
.box ul li:hover.box4 i{ background:url(../images/box4.png) -70px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; -webkit-transition:all .4s ease-in-out .4s; -o-transition:all .4s ease-in-out .4s; -moz-transition:all .4s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li h3{ font-size:18px; color:#fff; padding:0; margin:0; line-height:24px; font-weight:normal; text-align:center; margin-top:248px;}
.box ul li h3 a{ color:#fff}
.box ul li div{ font-size:12px; color:#95b3d8; line-height:25px; margin-top:20px; padding:0 8px;height:95px;overflow: auto;}
.jscoll{height:95px;}
.box ul li div p a{color:#95b3d8;}
.box ul li div p a:hover{color:#fff;}
.box ul li:hover div p a{color:#fff;}

/**首页新闻栏目*/

.S_news{ width:1200px; height:630px; margin:0 auto; }
.N_Menu{ height:170px; font-size:14px;}
.N_Menu h2{ font-size:30px; text-align:center; color:#000000; font-weight:normal; float:left; height:80px; width:1200px; line-height:80px; margin-top:20px;}
.N_Menu ul{ height:30px; padding:45px 0; margin:0 auto; width:330px;}
.N_Menu ul li{ float:left; margin-left:10px;}
.N_Menu ul li a{text-align:center; width:100px; display:block; height:30px; line-height:30px;}
.N_Menu ul li a:hover,.N_Menu ul li a.on {text-align:center; width:100px; display:block; height:30px;background:#eb5300; line-height:30px; color:#fff;}

.N_content{ height:440px; display:none; overflow:hidden; width:1200px;}
.N_content_l{ width:630px; height:440px; float:left; margin-left:-610px; overflow:hidden;}
.N_content_l dl{ width:300px; margin-right:10px; float:left;}
.N_content_l dl dt img{ width:300px; height:220px;}
.N_content_l dl dd h2{ width:300px; font-size:16px; color:#000; line-height:28px; margin:10px 0; height:40px; overflow:hidden; font-weight:normal;}
.N_content_l dl dd p{ width:300px; color:#666666; line-height: 28px;height:120px; overflow : hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.N_content_l dl dd span{ width:300px; color:#666666;}
.N_content_l dl dd span a{ width:68px; float:right;}

.N_content_r{ width:570px; height:440px; float:right; margin-right:-570px;overflow:hidden;}
.N_content_r ul{}
.N_content_r ul li{ height:105px; margin-bottom:5px;}
.N_content_r ul li dl{ width:90px; height:90px; margin-right:15px; border:1px solid #c1c1c1; float:left;}
.N_content_r ul li dl dt{ font-size:30px; font-weight:bold; line-height:50px; text-align:center;}
.N_content_r ul li dl dd{ text-align:center;}
.N_content_r ul li h2{ font-size:16px; line-height:30px; width:460px; float:left; font-weight:normal;}
.N_content_r ul li p{ font-size:12px; color:#666666; width:450px; float:left;height: 60px;line-height: 30px;overflow : hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.N_content_r ul li:hover{ height:105px; margin-bottom:5px; background:#0068b7; color:#fff}
.N_content_r ul li:hover dl{ width:90px; height:90px; margin-right:15px;float:left; border:1px solid #0068b7}
.N_content_r ul li:hover dl dt{ font-size:30px; font-weight:bold; line-height:50px; text-align:center;}
.N_content_r ul li:hover dl dd{  text-align:center;}
.N_content_r ul li:hover h2{ font-size:16px; line-height:30px; width:460px; float:left;}
.N_content_r ul li:hover h2 a{ color:#fff;}
.N_content_r ul li:hover p{ font-size:12px; color:#fff;width:450px;}

/*首页案例栏目**/
.S_case{ width:100%; height:745px; background:#0068b7; margin-top:10px; }
.S_case_n{ width:1200px; margin:0 auto; position:relative;}
.S_case_menu{ height:160px;}
.S_case_menu span{font-size:30px;font-weight:normal;text-align:center; color:#ffffff; float:left; width:1200px; margin:45px 0 20px 0; line-height:30px;}
.S_case_u{ width:865px; margin:0 auto;}
.S_case_u li{ float:left; margin-left:15px; }
.S_case_u li a{ width:120px; text-align:center; color:#ffffff; border:1px solid #0068b7; display:block;height:30px; line-height:30px; }
.S_case_u li a:hover,.S_case_u li a.on{ border:1px solid #ffffff; width:120px; text-align:center; color:#ffffff; height:30px; line-height:30px;}
.s_case_m{ border:1px solid #c1c1c1; background:#ffffff; float:right; height:15px; margin-top:8px; line-height:15px;  padding:0 3px; }
.S_case_c{ width:1200px; display:none;float:left;overflow:hidden;}
.S_case_c ul{width:1200px;}
.S_case_c ul li{ width:380px; margin-right:30px; float:left; height:251px; margin-bottom:30px;overflow:hidden;}
.S_case_c ul li a{ width:380px; position:relative;}
.S_case_c ul li a img{ width:380px; height:280px;}
.S_case_c ul li a span{ padding:10px 18px; width:343px; display:none; position:absolute; left:0; bottom:-232px; height:42px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; background:#000000;}
.S_case_c ul li a:hover span{ display:block; color:#fff; font-size:14px; z-index:1;}
.S_case_c li:hover img {opacity: 1;	-webkit-transform: scale(1.2,1.2);-webkit-transition-timing-function: ease-out;	-webkit-transition-duration: 500ms;	-moz-transform: scale(1.2,1.2);	-moz-transition-timing-function: ease-out;	-moz-transition-duration: 500ms; }


/* 首页客户服务*/
.S_kefu{ width:1200px; margin:0 auto;}
.S_kefu h1{ font-size:30px; text-align:center; width:1200px; line-height:100px; height:100px;font-weight:normal;}
.S_kefu>div{width: 100%;margin-bottom: 40px;}
.S_kefu>div>img{width:1200px;}

/************************************************ 首页代码 （多余不用请删除） end*****************************************************/

/*** 子页公用当前位置、栏目标题及二级栏目 ***/
.c_position { line-height:40px; border-bottom:1px solid #eee; padding-left:20px; background:url(../images/position.png) no-repeat left center; text-align:left; margin-bottom:30px;}

/*公用通栏*/
.c_ompany { width:100%; text-align:center; border-bottom:3px solid #ccc; padding-bottom:10px; margin-bottom:30px;}
.c_ompany h3 { font-size:30px; line-height:22px; text-align:center; font-weight:100; margin-bottom:20px; color:#0067cb;}
.c_ompany h3 i { font-style:normal; display:block; margin:0 auto; width:30px; height:1px; background:#f30; margin-top:10px;}
.c_ompany h3 span { font-size:17px; color:#666;}
.c_ompany li { display:inline-block; border:1px solid #0067cb; margin:10px; line-height:30px; font-size:14px;}
.c_ompany li a { display:block; color:#0067cb; padding:0 15px;}
.c_ompany li:hover { background:#eb2914; border:1px solid #eb2914;}
.c_ompany li:hover a { color:#fff;}

/*详情页公用*/
.time_click { font-size:12px; text-align:center; color:#666; line-height:50px;}
.lh img { max-width: 100%;}
.lh { font-size:14px; line-height:28px;width: 1100px;margin: auto;}
.show_h3 { font-size:30px; text-align:center; border-bottom:1px solid #D4D4D4; padding-bottom:10px; margin:20px auto 30px auto; color:#0067cb;}
.show_sxp { text-align:left; clear:both; font-size:14px; line-height:35px; color:#020202;border-top: 1px solid #D4D4D4;}
.show_sxp a { color:#666;}

/*分页*/
.scott { overflow:hidden; text-align:center; line-height:30px; padding:10px 0; font-size:14px; letter-spacing:2px;}
.scott a { border:1px solid #0067cb; padding:5px 15px; margin-right:10px;}
.scott a:hover { border:1px solid #0067cb; text-decoration:none; color:#0067cb;}
.scott a:active { border:1px solid #0067cb; text-decoration:none; background:#0067cb;}
.scott .current { border:1px dashed #0067cb; padding:5px 15px; font-weight:bold; color:#fff; margin:0 10px; background:#0067cb;}
.scott .disabled { border:1px dashed #0067cb; padding:5px 15px; color:#0067cb; margin-right:10px;}

/**/
.box_large {width:890px; overflow:hidden;}

/*图片模型列表*/
.picli{ width:100%;}
.picli li{height: 327px ;width: 360px;display: block;margin:20px 19px;float:left; position:relative; overflow:hidden;}
.picli li a{ overflow:hidden; display:block; width:100%;color: #666666;line-height: 45px;width: 360px;z-index: 20;font-size: 16px;}
.picli li img{ width:100%;height:280px;-webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.picli li:hover .wenzi{position: relative;bottom:60px;}
.picli li img:hover{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.picli li .wenzi{position:absolute; bottom:-65px; background:url(../images/con2black.png) repeat 0 0;width:100%;}
.picli li span{padding: 10px 18px;width:327px;color:white;line-height:25px;font-size:12px;position: absolute;height: 40px;background: rgba(0, 0, 0,0.8);overflow: hidden;}
.pro_user h3{border-bottom: 1px solid darkgray;}
/*产品模型详情*/
.pro_er{width: 100%;}
.show_proimg { width:450px; overflow:hidden; position:relative; height: 350px;border:1px solid #eee;float: left;margin-right: 40px;}
.show_proimg .bd { position:relative;z-index:0;width: 360px;height: 350px;margin:auto;position: relative;}
.show_proimg .bd li { zoom:1; vertical-align:middle;width:360px;height: 280px;}
.show_proimg .bd img {display:block;width: 360px;height: 280px;margin:35px auto;}
.show_proimg .prev,.show_proimg .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -175px 5px  no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.show_proimg .next{ left:auto; right:3%; background-position:-46px 5px;}
.show_proimg .prev:hover,.show_proimg .next:hover{ filter:alpha(opacity=100);opacity:1;}

.img_show { max-width:100%; margin:10px auto; text-align:center;}
.img_show img { max-width:100%;}
.show_soft { width:100%; margin-top:20px; clear:both; text-align:center;}
.show_soft a {width: 288px;float: left;display: block; line-height:30px; color:#000; font-size:16px; border-radius:4px; overflow:hidden;margin: 5px 5px;border: 1px #ccc solid;}
.show_soft a img{width: 100px;}
.show_soft a h2{font-size: 14px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.show_soft a p{background:#0069D6;font-weight: bold;color: #fff;}
.pro_h3 { line-height:35px; padding:0 10px; font-size:14px; font-weight:bold; background:#eee; margin:30px auto 20px auto;}
.pro_list li{display: inline-block;margin-right: 100px;}
.pro_list .on h3{color: red;}
.pro_talk{margin:15px 0;}

/*新闻模型*/
.right_con .con3_right li {height:206px; overflow:hidden; margin-bottom:19px;border: 1px solid #D3D6DA;}
.right_con .con3_right li>div{margin:20px auto;}

.right_con ul li>div .imgg{ float:left;padding:0; margin:0; width:225px; height:166px;margin-left: 15px;}
.con3_link { float:left; font:700 15px/32px "microsoft yahei"; overflow:hidden; width:750px;margin:0; padding:0;margin-left:36px;}
.con3_link h3 {color:#000000; font-size:22px; line-height:36px; width:675px;font-weight:normal}
.con3_link h3 a {color:#000000;}
.con3_link p { color:#4c4c4c;  font:14px/26px "microsoft yahei"; height:52px; overflow:hidden;margin-top:14px}
.con3_link h4 {color:#999999; font-size:13px; line-height:24px;font-weight:normal; margin-top:10px;}
.con3_link h4 a {color:#999999;}
.con3_date { float:right;margin-right: 30px; height:90px; text-align:center; top:14px; width:90px;}
.con3_date h1 { font-style:normal;font:60px "microsoft yahei"; line-height:70px;border-bottom:1px solid #cccccc;text-align:center;color:#cccccc; }
.con3_date span {color:#cccccc;font:18px "microsoft yahei"; height:20px; text-align:center; width:100%;}
.con3_right li:hover{background:#264377}
.con3_right li:hover a,.con3_right li:hover p,.con3_right li:hover .con3_date h1,.con3_right li:hover .con3_date span{ color:#fff;}
.con3_right li:hover p a{color:#f18c72;;}

/*在线留言*/
.company { margin-left:50px;}
.company li { margin-top:27px;}
.company_l { margin-left:4px; width:327px;}
.company_r { color:#434343; margin-right:4px; text-indent:2em;}
.company_r span { display:block; line-height:26px; margin-top:26px;}
.company_bot { margin-bottom:175px;}
.main_ly li { clear:both; color:#3c3b3b; font-size:16px; line-height:30px; padding:0 0 12px;}
.main_ly_t1 { float:left; width:70px; line-height:30px; font-size:16px;}
.main_ly_t2 { color:#999999; float:left; font-size:14px; padding:0 0 0 15px; line-height:30px;}
.main_bd { border:1px solid #dddddd; float:left; height:29px; line-height:29px; padding:0 0 0 5px; width:230px;}
.main_bd1 { border:1px solid #dddddd; float:left; font-size:14px; height:102px; line-height:25px; padding:5px; width:500px;}
.main_bd2 { border:1px solid #dddddd; float:left;width:130px;height:35px;line-height:35px; padding:0 0 0 5px; }
.main_bd2img{ margin:0px 0 0 5px;width:130px;height:35px}
.main_but { clear:both; padding:20px 0 0;}
.main_but input { display:block; float:left; border:none; margin-right:30px; height:35px; width:100px; border:0px; color:#3c3b3b; font-size:16px; line-height:35px; cursor:pointer;}
.main_but .blue { background:#0067CB; color:#fff;}


/*招聘*/
.zp_list { width:100%; font-size:14px; line-height:25px;}
.zp_list dl { float:left; width:45%; margin-right:4%;}
.zp_list .line { border-right:1px solid #eee;}
.zp_list .job_td { font-size:14px; color:#000;}
.job_bt { font-size:16px; color:#222; line-height:40px;}
.job_ms { font-size:14px; color:#222; margin-top:15px; font-weight:bold;}
.job_nr { padding-left:20px; margin-top:10px; line-height:25px;}
.zpbut { display:block; float:left; border:none; margin-right:30px; height:35px; width:150px; border:0px; font-size:16px; line-height:35px; cursor:pointer;background:#0067CB; color:#fff; margin-left:126px; margin-top:15px;}
.zpbutreset { display:block; float:left; border:none; margin-right:30px; height:35px; width:100px; border:0px; color:#3c3b3b; font-size:16px; line-height:35px; cursor:pointer; margin-left:30px; margin-top:15px;}
.form dd input.zpsex{width: auto;width: 15px;margin-right: 5px;}
.zpyzm{width:130px;height:35px}
.vcodeimg{ margin:0px 0 0 30px;width:130px;height:35px}

/*人才招聘*/
.containercontent{margin-top: 25px;}
.bottom_top{height: 145px;width: 100%;}
.leftbox{float:left;width: 377px;height: 140px;}
.rightbox{float:right;width: 823px;height: 140px;font-size: 14px;color: #68686a;line-height: 30px;padding-bottom: 25px;text-align: justify;letter-spacing: 2px;padding-left: 30px;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.bottom_bottom{margin:0 auto;}
.bottom_bottom_bottom{background: #f4f6f9;padding: 20px 0 30px 40px;overflow: hidden;display: none;height: auto;}
.bottom_bottom_top{color: white;background: #046bae;height: 70px;border-top: 2px solid #fff;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor: pointer;}
.bottom_bottom_top h1{font-size: 18px;font-weight: bold;line-height: 70px;padding-left: 20px;display: inline-block;width: 370px;}
.fb{display: inline-block;width: 800px;}
.fb li{float: left;width: 260px;font-size: 14px;padding: 2px;border-right: 1px solid #ffffff;text-align: center;}
.fb li:nth-child(3){border-right:none;}
.bottom_bottom_bottom dl { float:left; width:45%; margin-right:4%;}
.bottom_bottom_bottom .line { border-right:1px solid #eee;}


/*special*/
.speli li{width:100%;overflow:hidden;clear:both;padding:12px 0px;border-bottom:1px solid #EEE;	color:#aaa;}
.speli li a.preview{width:84px;float:left;	margin-right:7px;	margin-bottom:3px;	margin-left:10px;display:inline;}
.speli li a.preview img{width:80px;display:block;padding:1px;border:1px solid #EEE;}
.speli li a.title{overflow:hidden;	line-height:25px;font-weight:bold;font-size:14px;margin-left:2px;}
.speli span.info{display:block;line-height:23px;color:#555;padding-left:12px;}
.speli span.info small{color:#AAA;	font-size:12px;	margin-left:3px;}
.speli p.intro{color:#777777;line-height:20px;	margin-left:5px;padding-left:10px;padding-right:10px;}
.spelia{width:100%}
.spelia li{width:166px; margin:5px 10px 10px 4px; padding:5px; float:left; display:inline; line-height:21px; border:1px dashed #ccc; }
.spelia li a{ display:block; font-size:14px;}
.spelia li a:hover{text-decoration:none; background-color:#FEFBC5;}
.spelia li .title{ display:block;text-align:center; padding:0px 0px 5px 0px; border-bottom:1px dashed #ccc;}
.spelia li.b1{background:#9afb90;}
.spelia li.b2{background:#ffdeb6;}
.spelia li.b3{background:#fff38f;}
.spelia li.b4{background:#d9ff8f;}
.spelia li.b5{background:#ffffff;}

/* from表单 */
.form { padding:10px;float:right;width: 700px;}
.form dl { overflow:hidden; zoom:1; padding-top:15px;}
.form dt { float:left; width:15%; font-size:14px; line-height:35px; color:#333; text-align:right;}
.form dd { float:left; width:200px; line-height:35px; padding-left:20px;}
.form dd select, .form dd input { vertical-align:middle; background:#f4f4f4; border:1px solid #ddd; color:#18284a; height:35px; line-height:35px; word-spacing:0; padding:0 10px; width:190px;}
.form dd textarea { vertical-align:middle; background:#f4f4f4; border:1px solid #ddd; color:#18284a; line-height:25px; word-spacing:0; padding:0 10px; width:515px; height:117px;}
.form dd .logo{border: 1px solid #D4D4D4;}
.form dd p {clear: both;color: #A0A0A0;padding: 4px 0 0 0;line-height: 16px;}
.form_b {text-align: left;padding:0px 0 0px 115px;}

.personInfo { padding:5px; font-size:14px;}
.personInfo li { line-height:160%;}

.zpimg{float:left;margin: 50px 30px;}
.zpimg img{width: 350px;height: 450px;}
/*=====================================================内页开始=============================================*/

/*=============================关于我们=============================*/
/*--------------第一版上------------*/
.about_div1{width: 100%;background:#ededed; height:700px;}
.about_div1_c{ padding:70px 50px; width:1100px; margin:0 auto;}
.about_div1_c dl{ width:550px; float:left; height:275px;}
.about_div1_c dt{ width:275px; float:left;height:275px; position:relative; display:block; cursor:pointer;}
.about_div1_c dt img{ width:275px; height:275px;}
.about_div1_c dt.on span,.about_div1_c dt:hover span{ width:275px; float:left;height:275px; position:absolute; left:0; top:0; background:#000000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.about_div1_c dd{ width:155px; float:left; background:#ffffff;height:125px; padding:75px 60px;}
.about_div1_c dd h2{ font-size:24px; font-weight:normal; text-align:center;width:155px; float:left; height:28px; line-height:28px; overflow: hidden;}
.about_div1_c dd i{ font-size:14px; text-align:center;width:155px; float:left; color:#999999; height:14px; line-height:14px; overflow: hidden;}
.about_div1_c dd p{ font-size:14px; color:#666666; text-align:center; width:160px;height: 40px; margin-top:30px; float:left;overflow: hidden;}

/*-------------------第二版中-------------------*/
.about_div2{ width:1200px;margin:0 auto;} 
.ab_name{text-align: center;position: relative;width: 100%;}
.ab_name>p:nth-child(1){font-size: 50px;font-family: -webkit-pictograph;color: #214273;}
.ab_name>p:nth-child(2){font-size: 16px;}
.ab_center{margin-top: 70px;}
.er_up .er_upzi{width: 610px;height: 220px;display: block;float: left;line-height: 28px;padding:0 5px;overflow: hidden;text-indent: 2em;}
.er_up .er_uptu{margin-left: 650px;height: 220px;width: 550px;}
.er_up .er_uptu>img{height: 220px;width: 550px;}
.er_up .er_uptu>div{border: 1px solid white;height: 180px;width: 510px;position: relative;margin-top: -200px;margin-left: 20px;}
.er_bot{position: relative;margin-top: 50px;}
.er_bot .er_bottu{height: 320px;width: 550px;float: left;}
.er_bot .er_bottu>img{height: 320px;width: 550px;}
.er_bot .er_bottu>div{border: 1px solid white;height: 280px;width: 510px;position: relative;margin-top: -300px;margin-left: 20px;}
.er_bot .er_botzi{width: 610px;height: 310px;display: block;line-height: 28px;margin-left: 580px;padding:0 5px;overflow: hidden;text-indent: 2em;}
/*-------------------第三版下-------------------*/
.culture{background: #EDEDED;width:100%;margin:0 auto;height: 530px;}
.bot_name{text-align: center;width: 100%;font-size: 50px;font-family: -webkit-pictograph;color: #214273;margin-bottom: 30px;}
.bot_up .bot_upzi{width: 610px;height: 220px;overflow: hidden;display: block;float: left;line-height: 28px;padding:0 5px;text-indent: 2em;}
.bot_up .bot_uptu{margin-left: 650px;height: 300px;width: 550px;}
.bot_up .bot_uptu>img{height: 300px;width: 550px;}

/*=============================产品展示，案例展示，新闻资讯，解决方案共用部分=============================*/
/*-------------------------------导航，分类列表---------------------------------*/

/*第二次导航栏样式*/
.newsnav{ width:100%; height:60px; background:rgba(7, 84, 176,0.9);text-align: center;}
.newsnav ul{height: 60px;margin: auto;}
.newsnav ul li{display: inline-block;font-size:16px; height:60px; line-height:60px;padding: 0 30px;}

.newsnav ul li a{color:#cccccc;}
.newsnav ul li a:hover{color: #FFFFFF;}
.newsnav ul li a.on{color: #FFFFFF;}
/*-------------------------------------底部资讯--------------------------------------*/
.contactmore{ width:1200px; height:98px; border:1px solid #bbbbbb; margin:auto; margin-top:30px; margin-bottom:12px;}
.contactmore ul li{ width:300px; height:98px; float:left;border-right:1px solid #bbbbbb;}
.contactmore ul li:hover{ background:#e94b40;border-right:1px solid #e94b40;}
.contactmore ul li dl{ padding:0; margin:0;}
.contactmore ul li dl dt{ padding:0;  margin:30px 18px 0 19px; height:38px; width:38px; background:url(../images/morehover1.png) no-repeat; color:#fff; font-size:24px; line-height:38px; text-indent:9px; font-style:italic; float:left;}
.contactmore ul li:hover  dl dt{background:url(../images/morehover2.png) no-repeat; color:#e94b40;}
.contactmore ul li dl dd{ padding:0; margin:0;margin-top:30px;  float:left;}
.contactmore ul li dl dd h3{ color:#333333; font-size:18px;  font-weight:normal}
.contactmore ul li dl dd h3 a{ color:#333333;}
.contactmore ul li:hover dl dd h3 a{ color:#fff;}
.contactmore ul li dl dd h4{ color:#999999; font-size:14px; font-weight:normal}
.contactmore ul li dl dd h4 a{ color:#999999;}
.contactmore ul li:hover dl dd h4 a{ color:#fff;}
.contactmore ul li.last{ border:none; width:297px;}

.contactfoot{ width:1200px; margin:auto;height: 240px;}
.contactfoot .contactfootleft{ width:550px; float:left;}
.contactfoot .contactfootleft h3{ color:#f34916; font-size:18px; font-weight:normal; line-height:72px; width:100%;}
.contactfoot .contactfootleft h3 a{ float:right; color:#999999; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.contactfoot .contactfootleft a:hover{color:#f34916;}
.contactfoot .contactfootleft ul li{ color:#666666; font-size:14px; height:32px; width:100%; overflow:hidden; line-height:32x;}
.contactfoot .contactfootleft ul li a{color:#666666;}
.contactfoot .contactfootright{ width:276px; float:right; position:relative;}
.contactfoot .contactfootright h3{ font-size:18px; line-height:72px; color:#333333; font-weight:normal; width:276px;}

.zxxm_div{width:276px; overflow:hidden; position:relative;}
/*=============================产品展示,案例展示=============================*/

.pro_right{margin-top: 50px;}
.pro_right_con{width: 1200px;margin: 0 auto;}

/*-------------------------产品展示,案例展示详情页-------------------------*/
.prl_content .show_h3{border-bottom:3px solid #C4C4C4}
.pro_show{width: 100%;} 
.pro_show>p{border-bottom: 2px solid red;line-height: 40px;font-size: 20px;margin-left: 495px;}
.pro_wenzi{position: relative;padding: 0 20px;}
.pro_wenzi>p{font-size: 16px;color: #666;line-height: 25px;padding-top: 15px;text-indent: 2em;}
.pro_list{height: 49px;line-height: 49px;margin-top: 15px; border-bottom: 1px solid #D3D6DA;}
.pro_talk{display: none;padding: 0 20px;}

/*=============================新闻中心，解决方案=============================*/
.news_content,.prl_content,.job_content,.job1_content{width: 1200px;margin: auto;}
.page_con{width: 1200px;margin:30px auto;}
.new_content{width: 100%;}
.new_right{width: 1200px;margin:60px auto;}
.imgg>a>img{width:100% ;height:100%;}

/*==============n_content_right=====================*/
.n_right{ width:875px; float:right; }
.n_title{ position:relative; height:40px; border-bottom: 1px solid #dddee0; line-height:40px; }
.n_title strong{ font-size:18px; color:#3c3d41; font-weight:bold; line-height:40px; }
.position strong{ color:#8e8e8e;}
.position strong img{ padding-right:5px;}
.position a{ color:#8e8e8e; display:inline-block; }
.position a:hover{color:#33a458;}
.position .li{ color:#8e8e8e;  background:url(../images/icon_sj.png) left center no-repeat; padding-left:13px; display:inline-block; font-size:12px; }
.position span{ color:#33a458 !important; font-size:12px;}
/*==============n_content=====================*/
.n_content{ min-height:300px; padding-top:20px; }
.n_down {}
.n_down ul{ margin-bottom:30px; }
.n_down ul li{ background:url(../images/icon_wj.png) left center no-repeat;  display:block; padding-left:30px; height:70px; line-height:70px; border-bottom:1px dotted #a1a9af; position:relative; }
.n_down ul li p{color:#646464; font-size:14px;}
.n_down ul li  p a{color:#656565;  font-size:14px; }
.n_down ul li  p a:hover{ text-decoration:underline; color:#0754B0;}
.n_down ul li .more{ color:#656565; position:absolute; padding-left:20px; top:10px; right:0; background:url(../images/icon_down.png) left center no-repeat; display:block; font-size:14px; color:646464}
.n_down ul li .more:hover{ color:#0754B0;}
.seemore{position:absolute;bottom:20px;right:20px;border:1px solid #0068B7;padding:2px 10px;color:#0068B7}

/* 分享 */
.share{width: 100%;border-top: 1px solid #D4D4D4;margin-top: 20px;-moz-box-sizing: border-box;box-sizing: border-box;padding: 20px 0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-webkit-justify-content: flex-start;-moz-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;padding-left: 10px;}
.share.share-page{width: 1200px;margin: 20px auto;border-bottom: 1px solid #d4d4d4;}
.share .share-title{margin-right: 10px;}
.share .share-list{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-webkit-justify-content: flex-start;-moz-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.share .share-list li{margin-right: 20px;position: relative;}
.share .share-list li a{padding: 0 35px 0 25px;font: 14px/40px Microsoft YaHei;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;border-radius: 5px;}
.share .share-list li a i{background-image: url(../images/share-icon.png);display: inline-block;width: 28px;height: 25px;margin-right: 6px;}
.share .share-list li a.share-sina{border: 1px solid #f56467;}
.share .share-list li a.share-wechat{border: 1px solid #8dc81b;}
.share .share-list li a.share-circle{border: 1px solid #71c8d6;}
.share .share-list li a.share-qqspace{border: 1px solid #f5be3f;}
.share .share-list li a.share-sina i{background-position: -13px -127px;}
.share .share-list li a.share-wechat i{background-position: -67px -127px;}
.share .share-list li a.share-circle i{background-position: -119px -127px;}
.share .share-list li a.share-qqspace i{background-position: -171px -127px;}
.share .share-list li .share-code{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-webkit-align-items: flex-start;-moz-box-align: start;-ms-flex-align: start;align-items: flex-start;position: absolute;bottom: 60px;left: -148px;background-color: #fff;border: 1px solid #CBCBCB;padding: 15px;visibility: hidden;opacity: 0;-webkit-transition: all .2s;-o-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border-radius: 5px;}
.share .share-list li:hover .share-code{visibility: visible;opacity: 1;}
.share .share-list li .share-code::after{content: "";position: absolute;top: 123px;left: 200px;width: 15px;height: 15px;border-right: 1px solid #CBCBCB;border-bottom: 1px solid #CBCBCB;background-color: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.share .share-list li .share-code span{display: inline-block;width: 120px;font: 12px/25px Microsoft YaHei;margin-left: 20px;padding-top: 10px;color: #666;}
.share .share-list li .share-code .share-qrcode{width: 100px;height: 100px;background-color: #eee;}