﻿@charset "utf-8";


.list_capation{width:100%; max-width:1100px;height:auto;overflow:hidden; margin:auto;}
.list_clum{width:25%;float:left;}
.list_clum ul{width:100%;}
.list_clum ul li{width:100%;font-size:18px; background:#fff;height:50px;line-height:50px;border-bottom:1px solid #ddd; text-align:center;}
.list_clum ul li:hover{ text-align:center; background:#f8f8f8;}
.list_clum ul li a{ display:block; color:#666;}
.list_clum ul li a:hover{ display:block; color:#209cd2 !important;}
.item_current{border-right:6px solid #209cd2; text-align:center; background:#1e1d22 !important;}
.item_current a,.item_current a:hover{ display:block; color:#0ac9fd !important;}

.list_blk1{width:75%;border-left:1px solid #ddd;padding:20px 30px;font-size:14px;line-height:30px; color:#666;float:left;}
.list_blk1 h3{ padding:3px 15px;font-size:16px; font-weight:bold; color:#fff; background:#333;display:inline-block;}
.list_blk1 p{ text-indent:28px;padding:10px 0;}
.list_blk1 img ,.list_blk1 p img{width:100%;height:auto;margin:10px 0;}
.map_location{width:717px;height:570px; overflow:hidden;}
/*产品详情页*/
.pr_tab{ background:#f7f7f7;height:88px; padding:30px 0px; line-height:48px;}
.pr_tab .web_widht{overflow:hidden;}
.pr_tab li{float:left; background:#fff; padding:0px 30px; cursor:pointer;  position:relative; white-space:nowrap;width:20%; text-align:center; border-left:1px solid #e5e5e5;}
.pr_tab li i{ width:9px; height:5px; bottom:-5px; left:50%; margin-left:-5px; background:url(../images/sj5.gif) no-repeat 0 bottom;}
.pr_tab .hover{ background:#97c740; color:#fff;}
.pr_tab .hover i{ background-position:0 0;}
.pr_tab .q_line{ border:none;}

.absolute{ position:absolute;}
.relative{ position:relative;}
.tech_tab1{ background:#d9faff;padding:30px 0; height:auto; overflow:hidden;}
.tech_tab2{ background:#fff;padding:30px 0; height:auto; overflow:hidden;}
.tech_tab3{ background:#ecfcf6;padding:30px 0; height:auto; overflow:hidden;}
.tech_tab4{ background:#fff;padding:30px 0; height:auto; overflow:hidden;}

.tech_tab1_con{width:100%;max-width:1100px; margin:auto;}
.tech_tab2_con{ width:100%;max-width:1100px; margin:auto;}
.tech_tab3_con{ width:100%;max-width:1100px; margin:auto;}
.tech_tab4_con{ width:100%;max-width:1100px; margin:auto;}

.tech_tab_pic{float:left;margin:20px;width:50%;}
.tech_tab_pic img{width:100%;height:auto;}
.tech_tab_blk{float:left;margin:20px;width:40%;}
.tech_tab_blk p{color:#666; font-size:14px;line-height:30px;}
.tech_tab_blk h3{ color:#333; font-weight:bold; font-size:40px;line-height:80px;}
.tech_tab3_tit{ background:url(../images/h_line.jpg) repeat-x left center; text-align:center;}
.tech_tab3_tit h3{ color:#333; font-weight:bold; font-size:40px; font-weight:lighter;line-height:80px; display:inline-block; padding:0px 20px; background:#ecfcf6; text-align:center;margin:auto;}
.tech_tab4_tit{ background:url(../images/h_line.jpg) repeat-x left center; text-align:center;}
.tech_tab4_tit h3{ color:#333; font-weight:bold; font-size:40px; font-weight:lighter;line-height:80px; display:inline-block; padding:0px 20px; background:#fff; text-align:center;margin:auto;}

.pro_ico{width:23%;margin:1%; float:left;height:auto; overflow:hidden; text-align:center;}
.pro_ico a,.pro_ico a:hover{ text-decoration:none; display:inline-block; cursor:pointer;}
.pro_ico img{margin:20px auto 10px auto;    transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.pro_ico h3{font-size:18px; font-weight:bold; color:#333; line-height:40px;margin:auto; text-align:center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.pro_ico p{font-size:14px;color:#666;line-height:30px;width:200px;margin:auto; padding:10px 8px;height:208px; overflow:hidden; text-align:left;transition:1.5s all;-webkit-transition:1.5s all;-moz-transition:1.5s all;-o-transition:1.5s all;-ms-transition:1.5s all;}

.pro_ico:hover img{margin:20px auto 10px auto;-moz-opacity:0.6 !important; filter:alpha(opacity=60); opacity: 0.6;  _-moz-opacity:0.6; }
.pro_ico:hover h3{color:#32bc88; line-height:40px;margin:auto; text-align:center;}
.pro_ico:hover p{font-size:14px;color:#32bc88;line-height:30px;width:200px;margin:auto; height:208px; overflow:hidden; text-align:left;}
/*解决方案*/
.page_fangan_tit{margin:50px auto;}
.page_fangan_tit h3{ color:#000; text-align:center;margin:auto;font-size:30px;line-height:50px;padding:0px;}
.page_fangan_tit p{width:70%; text-align:center;margin:auto;font-size:16px;color:#666;line-height:20px;padding:0px;}
.page_fangan_ico{width:23%;margin:1%; float:left;height:auto; overflow:hidden;}
.page_fangan_icotit{width:200px;height:200px;border-radius:100px; border:10px solid #468fc2; display:block; text-align:center; position:relative;margin:auto;}
.page_fangan_icotit h3{width:160px; position:absolute; left:50%;top:50%; margin-left:-80px;margin-top:-20px; text-align:center;font-size:20px;line-height:30px; color:#0c74a7;font-weight:bold;}/*改动*/
.page_fangan_ico p b{display:block;  font-size:18px;color:#0c74a7;font-weight:bold;}
.page_fangan_ico p{font-size:14px;color:#0c74a7;line-height:30px;width:200px;margin:auto; border-left:1px solid #0c74a7;border-right:1px solid #0c74a7;padding:20px;height:208px; overflow:hidden;}

.page_fangan_ico:hover .page_fangan_icotit{width:190px;height:190px;border-radius:95px; border:8px solid #e48f34; display:block; text-align:center; position:relative;margin:auto;}
.page_fangan_ico:hover .page_fangan_icotit h3{width:160px; position:absolute; left:50%;top:50%; margin-left:-80px; text-align:center;font-size:20px;line-height:30px; color:#c67410;font-weight:bold;}/*改动*/
.page_fangan_ico:hover p b{display:block;  font-size:18px;color:#c67410 !important;font-weight:bold;}
.page_fangan_ico:hover p{font-size:14px;color:#c67410 !important;line-height:30px;width:200px;margin:auto; border-left:1px solid #c67410 !important;border-right:1px solid #c67410 !important;padding:20px;height:208px; overflow:hidden;}


/*产品技术*/
.tech_capation{width:100%;}
.tech_blk1{ background:#fbfbfb;padding:30px 0; height:auto; overflow:hidden;}
.tech_blk2{ background:#d9faff;padding:30px 0; height:auto; overflow:hidden;}
.tech_blk3{ background:#fbfbfb;padding:30px 0; height:auto; overflow:hidden;}
.tech_blk_con{width:100%;max-width:1100px; margin:auto;}
.tech_blk3_con{ width:100%;max-width:1100px; margin:auto;}
.tech_blk_pic{float:left;margin:20px;width:50%;}
.tech_blk_pic img{max-width:100%;height:auto !important;;}
.tech_blk_blk{float:left;margin:20px;width:40%;}
.tech_blk_blk p{color:#666; font-size:14px;line-height:30px;}
.tech_blk_blk h3{ color:#333; font-weight:bold; font-size:40px;line-height:80px;}

.tech_blk3_tit{margin:50px auto;}
.tech_blk3_tit h3{ color:#000; text-align:center;margin:auto;font-size:40px;line-height:80px;font-weight:bold;padding:0px;}
.tech_blk3_tit p{width:70%; text-align:center;margin:auto;font-size:16px;color:#666;line-height:20px;padding:0px;}

.tech_ico{width:23%;margin:1%; float:left;height:auto; overflow:hidden; text-align:center;}
.tech_ico a,.tech_ico a:hover{ text-decoration:none;}
.tech_ico img{margin:20px auto 10px auto;    transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.tech_ico h3{font-size:20px; color:#3e7fc1; line-height:40px;margin:auto; text-align:center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.tech_ico p{font-size:14px;color:#666;line-height:30px;width:200px;margin:auto; border-left:1px solid #ddd;border-right:1px solid #ddd;padding:10px 20px;height:208px; overflow:hidden; text-align:left;transition:1.5s all;-webkit-transition:1.5s all;-moz-transition:1.5s all;-o-transition:1.5s all;-ms-transition:1.5s all;}

.tech_ico:hover img{margin:20px auto 10px auto;-moz-opacity:0.6 !important; filter:alpha(opacity=60); opacity: 0.6;  _-moz-opacity:0.6; }
.tech_ico:hover h3{font-size:20px; color:#0994d7; line-height:40px;margin:auto; text-align:center;}
.tech_ico:hover p{font-size:14px;color:#0994d7;line-height:30px;width:200px;margin:auto; border-left:1px solid #0994d7;border-right:1px solid #0994d7;padding:10px 20px;height:208px; overflow:hidden; text-align:left;}

/*成功案例*/
.example_item{width:320px;height:320px;margin:15px;padding:0px;float:left; background:#efefef;}
.example_item img{width:100%;height:200px;}
.example_item h3{padding:0px 20px 10px 4px;font-size:1.2em;}
.example_item h3 a{font-size:16px;color: #666666;}
.example_item h3 a:hover{color:#000;font-size:16px;}
.example_item p{font-size: 1em;line-height: 1.8em; margin:0 10px; overflow:hidden;}

.example_item a{padding-top:1em;margin:0 10px;font-size:1em; line-height: 1.8em;color:#008cd6;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.example_item a:hover{padding:20px;font-size:1em; color:#f00; text-decoration:none;margin-left:5px;}
.example_item:hover{ background:#c6e194;}


/*新闻列表*/
.list_blk4{width:75%;border-left:1px solid #ddd;padding:20px 30px;font-size:14px;line-height:30px; color:#666;float:left;}
.news_blk{width:90%;border-bottom:1px solid #ddd;margin:auto;padding-bottom:20px;height:auto; overflow:hidden;}
.news_pic{width:25%;float:left;margin:20px 0; text-align:center;}
.news_pic img{width:100%;height:auto;}
.news_con{width:66%;float:left;margin:20px;}
.news_con span{ color:#666; display:block;}
.news_con a{ color:#000; font-size:22px;line-height:40px; text-decoration:none;}
.news_con a:hover{ color:#ff4500; font-size:22px;line-height:40px; text-decoration:none;}/*改动*/

.list_banner_blk{width:100%;max-width:1200px;height:auto; overflow:hidden; margin:0 auto; text-align:left;}

@media (max-width: 1280px) {
.list_banner{margin-top:45px;}
.list_banner img{width:90%;height:auto;}
.list_clum{width:98%;float:none;}
.list_clum ul{width:100%;height:auto;overflow:hidden; display:block;}
.list_clum ul li{width:48%;font-size:1em;float:left; background:#fff;height:2.4em;line-height:2.4em;border:1px solid #ddd; text-align:center;margin-left:5px;margin-top:4px;}
.item_current{border-left:6px solid #d3b167 !important; text-align:center; background:#1e1d22 !important;}
.item_current a,.item_current a:hover{ display:block; color:#c3ac8c !important;}
.list_blk1{width:100%;border:none;padding:20px 30px;font-size:14px;line-height:30px; color:#666;float:none;}
.map_location{width:100%;height:340px; }

/*新闻列表*/
.list_blk4{width:100%;border:0px;padding:20px 30px;font-size:14px;line-height:30px; color:#666;float:left;}
.news_blk{width:90%;border-bottom:1px solid #ddd;margin:auto;padding-bottom:20px;height:auto; overflow:hidden;}
.news_pic{width:80%;float:none;margin:1em auto; text-align:center;}
.news_con{width:100%;float:none;margin:1em;}
.news_con a{ text-decoration:underline; color:#5aafd4; font-size:1.2em;line-height:2em;}
}
.page_capation{width:100%; max-width:1100px;padding:1em;margin:auto;height:auto; overflow:hidden;}
.page_tit{ margin:20px auto 10px auto;font-size:30px;line-height:60px; color:#000; text-align:center;}
.page_pubinfo{font-size:14px; color:#aaa897; background:#fbfaee; border-top:1px solid #d0cebc; border-bottom:1px solid #d0cebc;line-height:34px; text-align:center;}
.page_pubinfo span{margin:0 20px;}
.page_blk{padding:20px 10px;font-size:14px;line-height:30px; color:#666;}
.page_blk p{ text-indent:28px;padding:10px 0;}
.page_blk img ,.page_blk p img{width:90%;height:auto;margin:10px 5%;}
.page_info_banner{ background:url(../images/page_info_banner.jpg) no-repeat center top; background-size:100% 100%;height:auto; overflow:hidden;}
.page_banner_blk{width:100%;max-width:1200px;height:auto; overflow:hidden;}

@media (max-width: 1280px) {
.page_info_banner{margin-top:45px;}
.page_banner_blk img{width:80%;height:auto;}
.page_tit{ margin:0.5em auto;font-size:1.2em;line-height:2.2em; color:#000; text-align:center;}
.page_pubinfo{font-size:0.8em; color:#aaa897; background:#fbfaee; border-top:1px solid #d0cebc; border-bottom:1px solid #d0cebc;line-height:1.6em; height:1.6em; text-align:center;}
.page_blk{padding:0.5em;font-size:0.9em;line-height:1.8em; color:#666;}
}

