@charset "utf-8";
/*公共样式*/



.about{overflow: hidden; }
.about_title{position: relative; margin-top:20px; text-align: center;}
.about_tname{font-size: 28px;}
.about_tline{width: 100%; height: 12px; margin-top: 24px;  background: url(../images/home_titbg1.png) no-repeat center top;}
.about_tEname{margin-top: 10px; font-size: 14px; color: #888; text-transform: uppercase;}




.culture_title{text-align: center; color: #404040; padding-top:50px; margin-top:70px;}
.culture_t1{font-size: 30px; letter-spacing: 2px; text-indent: 1px;}
.culture_t2{font-size: 14px; text-transform: uppercase; margin-top: 4px;}
.culture_t3{font-size: 14px; line-height: 28px; margin-top: 6px; color: #737373;}
.culture_b1{padding: 60px 0;}
.culture_b1_text{font-size: 14px; color: #737373; line-height: 28px; margin-top: 20px;}
.culture_b2{height: 720px; background:#ebebeb; margin-bottom:-20px;}
.culture_b2 .brand_title{color: #fff;}
.culture_b2 .brand_t3{margin-top: 16px; color: rgba(255,255,255,.8);}
.culture_b2 .wrap{padding: 50px 0;}
.culture_b2_box{margin-top: 30px;}
.culture_b2_box li{width: 400px; height: 400px; float: left; color: #fff;}
.culture_b2_box li.bd2_bg1{background: #1f6fb5;}
.culture_b2_box li.bd2_bg2{background: #54aef9;}
.culture_b2_box li.bd2_bg3{background: #9bb5a2;}
.culture_b2_item{padding: 46px 46px;}
.culture_b2_c1{height: 50px; padding-left: 70px;}
.culture_b2_c1 p.p1{font-size: 18px; padding-top: 6px;}
.culture_b2_c1 p.p2{font-size: 12px; text-transform: uppercase; margin-top: 4px;}
.culture_b2_box li.bd2_bg1 .culture_b2_c1{background: url(../images/bdb2_btn1.png) no-repeat left center;}
.culture_b2_box li.bd2_bg2 .culture_b2_c1{background: url(../images/bdb2_btn2.png) no-repeat left center;}
.culture_b2_box li.bd2_bg3 .culture_b2_c1{background: url(../images/bdb2_btn3.png) no-repeat left center;}
.culture_b2_c2{line-height: 28px; margin-top: 32px;}





.side_contact{margin-top:50px; line-height:28px; }

.side_left{width:850px; padding:20px; float: left; min-height:900px; background:#fff; border:1px solid #eee; margin-bottom:30px;}
.side_left .titel{ float:left;width:100%; line-height:40px; border-bottom:1px solid #eee; margin-bottom:20px;}
.side_left .titel h2{ float:left; font-weight:300;border-bottom:2px solid #1e468e; padding:0 5px;}
.side_left .titel span{ float:right;}



.side_right{width: 280px;min-height:940px; float: right;border:1px solid #eee; background:#fff; margin-bottom:30px;}







.newslist{ float:left; width:850px;overflow:hidden;}
.newslist ol{ float:left;width:850px;overflow:hidden; }
.newslist ol li{float:left;width:850px; padding:15px 0;overflow:hidden;border-bottom:1px solid #f0f2f5}
.newslist ol li img{float:left;width:210px; height:132px; margin-right:20px;}
.newslist ol li p a{float:left;width:620px;height:30px;line-height:30px;font-size:18px; color:#2a333c; font-weight: normal; }
.newslist ol li span{float:left;width:620px; padding-top:2px; line-height:28px; font-size:14px; color:#747474;font-weight: normal; }
.newslist ol li dd{float:left;  line-height:30px; padding-left:20px; font-size:12px; color:#666; font-weight: normal; background:url(../images/time.jpg) no-repeat left 8px }
.newslist ol li:hover p a{ color:#e48013; }
.newslist ol li:hover img{filter: alpha(opacity: 60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}


.newsarticle{ float:left; width:850px;overflow:hidden;}

.newsarticle li{width:850px;height:35px; font-weight:normal;line-height:35px; background:url(../images/dian1.jpg) no-repeat left 15px}
.newsarticle li span.time{float:right;}
.newstit{width:850px;font-size:28px;line-height:40px;font-weight:500;color:#37474f; }
.newstit1{width:850px;font-size:28px; height:48px;font-weight:500;color:#37474f;border-bottom:1px solid #f0f2f5; }
.newstit1 p{ float:left;line-height:46px; padding:0 5px; border-bottom:2px solid #2bb268;}




.news_stit{width:850px;height:43px;line-height:33px;font-size:14px; color:#a3afb7; border-bottom:1px solid #f0f2f5;}
.news_content{float:left;width:850px;font-size:14px;overflow:hidden; line-height:26px; color:#4c4c4c; margin-top:20px;}
.news_content img{ padding:15px 0;}

.context{ float:left; width:100%;}



.witnesslist{ float:left; width:850px;overflow:hidden;}
.witnesslist ol{ float:left;width:850px;overflow:hidden; }
.witnesslist ol li{float:left;width:850px; padding:15px 0;overflow:hidden;border-bottom:1px solid #f0f2f5}
.witnesslist ol li img{float:left;width:250px; height:147px; margin-right:20px;}
.witnesslist ol li p a{float:left;width:580px;height:30px;line-height:30px;font-size:18px; color:#2a333c; font-weight: normal; }
.witnesslist ol li span{float:left;width:580px; padding-top:2px; line-height:28px; font-size:14px; color:#747474;font-weight: normal; }
.witnesslist ol li dd{float:left;  line-height:30px; padding-left:20px; font-size:12px; color:#666; font-weight: normal; background:url(../images/time.jpg) no-repeat left 8px }
.witnesslist ol li:hover p a{ color:#29b065; }
.witnesslist ol li:hover img{filter: alpha(opacity: 60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}







.foot_news{float: left; width:848px; margin-top:20px; overflow:hidden; border:1px solid #ececec; margin-bottom:10px;}
.foot_news ol{float: left; width:848px; line-height:40px; font-size:16px; height:40px; border-bottom:1px solid #ececec; }
.foot_news ol h2{float:left; padding-left:10px; font-size:18px; height:40px; line-height:40px; font-weight:normal;  }
.foot_news ol h3{float:right; font-weight:normal; text-transform:uppercase; font-size:14px; padding-right:15px;}
.foot_news ul {float:left;width:848px;overflow:hidden;margin-top:10px; padding-bottom:10px; }
.foot_news ul li{float:left;width:378px;overflow:hidden; height:40px; line-height:40px; font-size:14px; padding-left:25px; margin-left:15px; border-bottom:1px solid #f2f2f2; background:url(../images/left_bg_r.png) no-repeat 10px 18px; white-space: nowrap; text-overflow: ellipsis;}


.foot_pro{float: left; width:848px; margin-top:20px; overflow:hidden; border:1px solid #ececec; margin-bottom:10px;}
.foot_pro ol{float: left; width:848px; line-height:40px; font-size:16px; height:40px; border-bottom:1px solid #ececec; }
.foot_pro ol h2{float:left; padding-left:10px; font-size:18px; height:40px; line-height:40px; font-weight:normal;  }
.foot_pro ol h3{float:right; font-weight:normal; text-transform:uppercase; font-size:14px; padding-right:15px;}
.foot_pro ul {float:left;width:848px;overflow:hidden;margin-top:20px; padding-bottom:20px; }
.foot_pro ul li{float:left; width:260px; height:270px; margin-left:16px;}
.foot_pro ul li img{float:left; width:260px; height:193px; border:1px solid #f2f2f2}
.foot_pro ul li p{float:left;width:260px;overflow:hidden; text-align:center; height:40px; line-height:40px; font-size:14px; white-space: nowrap; text-overflow: ellipsis; background:#f2f2f2}






.met-news-bar { background: #fff; padding: 20px;}
.met-news-bar ul.column { padding: 0; list-style: none }
.met-news-bar ul.column h3 { font-size: 18px; font-weight: 300;  margin-bottom:10px; line-height:45px; color:#1e468e; border-bottom: 2px solid #1e468e;}
.met-news-bar ul.column li {line-height:45px;border-bottom: 1px solid #ddd; background:url(../images/left_bg_r.png) no-repeat 8px 20px;}
.met-news-bar ul.column li a { font-size: 16px; color: #2a333c ; padding-left:25px;}
.met-news-bar ul.column li a:hover { color: #e03928 }
.met-news-bar ul.column li a.active { color: #e03928; }


.met-news-bar .recommend { margin: 20px 0; padding: 20px 0;  border-bottom: 1px solid #f0f2f5 }
.met-news-bar .recommend h3 { font-size: 18px; font-weight: 300; margin: 0 }
.met-news-bar .recommend .list-group { margin-top: 10px; margin-bottom: 0 ; border-bottom: 1px solid #f0f2f5;}
.met-news-bar .recommend .list-group ul{}
.met-news-bar .recommend .list-group li{color: #2a333c; line-height:24px; padding:5px 10px; font-size: 14px;border: 1px solid #f0f2f5; border-bottom:none; }
.met-news-bar .recommend .list-group li:hover{ color: #2db469 }

.met-news-bar .recommend .list-group1 { margin-top: 10px; }
.met-news-bar .recommend .list-group1 dl { float:left; margin-bottom:10px; }
.met-news-bar .recommend .list-group1 dl dt { border:1px solid #f2f2f2; }
.met-news-bar .recommend .list-group1 dl dt img{  max-width: 100%; height: auto; vertical-align: middle; }
.met-news-bar .recommend .list-group1 dl dd{float:left; width:100%; text-align:center; line-height:34px; background:#f2f2f2;  }


.met-news-bar ul.column1 { padding: 0; list-style: none }
.met-news-bar ul.column1 h3 { font-size: 18px; font-weight: 300;  margin-bottom:10px; line-height:45px; color:#1e468e; border-bottom: 2px solid #1e468e;}
.met-news-bar ul.column1 dd{}
.met-news-bar ul.column1 dd ul > li{font-size:16px; }
.met-news-bar ul.column1 dd ul > li > a{display: block; height: 53px; line-height: 53px; background: #fff; padding-left:10px; padding-right: 10px; position: relative;border-bottom: 1px solid #ddd;}
.met-news-bar ul.column1 dd ul > li > a i{display: block; width: 27px; height: 27px; background: url(../images/arrow_btn.png) no-repeat -45px 0; position: absolute; right: 12px; top: 13px;}
.met-news-bar ul.column1 dd ul > li.active > a,.home_pro_lt dd ul > li:hover > a{background: #1e468e; color: #fff !important;}
.met-news-bar ul.column1 dd ul > li.active > a i,.home_pro_lt dd ul > li:hover > a i{background-position: -72px 0;}
.con_pro_child{padding: 10px 0; background:#f2f2f2}
.con_pro_child li{height: 32px; line-height: 32px; font-size: 14px; padding-left:22px; background:url(../images/left_bg_r.png) no-repeat 8px 12px;}









.search_form1{height: 34px; width:240px; border: 1px solid #e4eaec; border-radius: 20px;}
.search_form1 input[type="text"]{display: block; background: none; width:186px; height: 34px; line-height: 34px; float: left; padding: 0 10px;}
.search_form1 input[type="submit"]{display: block; width: 34px; height: 34px; float: right; background: url(../images/arrow_btn.png) no-repeat -265px -144px; cursor: pointer;}


.subnav {width:100%;margin: 0 auto; border-bottom:1px solid #e8e8e8; background:url(../images/kedu.jpg) repeat-x bottom;}
.subnav .pronav {text-align:center;}
.subnav .pronav li{height:50px;margin: 0 9px;cursor: pointer;color:#4d4d4d;line-height:40px;display: inline-block; font-size:16px;}
.subnav .pronav li:hover {color:#e48013;transition: all 0.5s ease 0s;}
.subnav .pronav .click {color:#e48013; background:url(../images/pronav_bg.jpg) no-repeat center  33px ;}





.contact{ float:left; width:370px; height:360px; border: #e5e5e5 solid 1px;text-align: center;box-shadow: 5px 5px 5px #f5f5f5; margin-top:90px; margin-bottom:50px; margin-right:40px;}
.contact:hover {border: #f15a21 solid 1px;}
.contact .ico{ position: relative; margin-top:-70px;}
.contact .title{ width:370px; line-height:45px; margin-top:20px; font-size:18px;}
.contact .text{ padding:10px 15px; line-height:30px; color:#333;}
.contact .text1{text-align:left; padding:15px; line-height:30px; }
.contact .text1 b{ font-size:16px;}

.contact .wx{ text-align:center}
.contact .wx img{ width:120px;}




.container { max-width: 100%; background:#fff; padding:20px 0;}
.container1 {max-width: 100%; background:#fff; padding-top:20px;}


.tui_pro{width: 885px; float: left;}
.tui_pro ul{margin-right: -25px; margin-bottom: -20px;}
.tui_pro li{width: 272px; float: left; margin-right:15px; margin-bottom: 20px; border: 1px solid #ddd;}
.tui_pro li a{display: block;}
.tui_pro_pic{width: 272px; height: 200px; background: #fff; overflow: hidden;}
.tui_pro_pic img{display: block; width: 100%; height: 100%; transition: all .5s;}
.tui_pro_name{height: 64px; line-height: 64px; background: #fff; padding: 0 10px; font-size: 16px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .4s; color: #333;}
.tui_pro li a:hover .tui_pro_pic img{transform: scale(1.05);}
.tui_pro li a:hover .tui_pro_name{background: #1e468e; color: #fff;}


.tui_customer{width: 885px; float: left;}
.tui_customer ul{margin-right: -25px; margin-bottom: -20px;}
.tui_customer li{width: 200px; float: left; margin-right:15px; margin-bottom:15px; border: 1px solid #ddd;}
.tui_customer li a{display: block;}
.tui_customer_pic{width: 200px; height:99px; background: #fff; overflow: hidden;}
.tui_customer_pic img{display: block; width: 100%; height: 100%; transition: all .5s;}
.tui_customer li a:hover .tui_customer_pic img{transform: scale(1.05);}


.videolist{width: 885px; float: left;}
.videolist ul{margin-right: -25px; margin-bottom: -20px;}
.videolist li{width: 272px; float: left; margin-right:15px; margin-bottom: 20px; border: 1px solid #ddd;}
.videolist li a{display: block;}
.videolist_pic{width: 272px; height: 240px; background: #fff; overflow: hidden;}
.videolist_pic img{display: block; width: 100%; height: 100%; transition: all .5s;}
.videolist_name{height: 64px; line-height: 64px; background: #fff; padding: 0 10px; font-size: 16px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .4s; color: #333;}
.videolist li a:hover .videolist_name{background: #1e468e; color: #fff;}
.vidic{ float:left;position:absolute;height:60px;width:60px; margin-left:105px; margin-top:100px; background:url(../images/videobf.png) no-repeat }


.prolist{ margin: 25px auto;width:100%;overflow:hidden;}
.prolist ul{ float:left;width:100%;overflow:hidden; }
.prolist ul li{float:left;width:588px;overflow:hidden; margin-top:20px; margin-right:20px; border:1px solid #e8e8e8;}
.prolist ul li .pro_img{float:left;width:300px; height:265px;overflow:hidden; border-right:1px dashed #f6f4f4;}
.prolist ul li .pro_img img{float:left;width:300px; height:265px;transition: all .5s; }
.prolist ul li:hover .pro_img img{transform: scale(1.1); transition: all .5s;}
.prolist ul li .pro_text{float:left;width:287px; height:265px; overflow:hidden;transition: all .5s; background:#fff;}
.prolist ul li .pro_text p{float:left;width:268px;height:40px;line-height:40px;font-size:18px; padding:5px 10px;color:#333; font-weight: normal; background:#f7f7f7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;transition: all .5s;}
.prolist ul li .pro_text span{float:left;width:258px; padding:10px; line-height:26px; font-size:14px; color:#747474;font-weight: normal;transition: all .5s; }
.prolist ul li .pro_text dd{float:left;width:120px; text-align:center;line-height:35px;font-size:14px; margin-left:10px; color:#747474;font-weight: normal;transition: all .3s; background:#f2f2f2;border-radius:8px; }
.prolist ul li:hover .pro_text p{color:#fff; font-weight: normal; background:#16509b; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;transition: all .5s;}
.prolist ul li:hover .pro_text span{color:#16509b;transition: all .5s;}
.prolist ul li:hover .pro_text dd{color:#fff;transition: all .3s;background:#e48013; }
.prolist ul li:hover .pro_text{float:left;width:287px; overflow:hidden; background:#f2f2f2;transition: all .5s; }





.pro_tui{ float:left; width:100%; padding:30px 0; background:#fff;}
.pro_con{margin: 0 auto; width:1200px; }


/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:400px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:600px;height:443px;border:1px solid #DFDFDF;}

.spec-scroll{margin-top:5px;width:540px; float:right; margin-top:20px;}
.spec-scroll .prev{float:left;margin-right:4px; }
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:140px; line-height:140px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;border-radius:2px;}
.spec-scroll .items{float:left;position:relative;width:510px;height:140px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:140px;}
.spec-scroll .items ul li{float:left;width:170px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:152px;height:134px;}
.spec-scroll .items ul li img:hover{border:1px solid #e48013;}


.previe12{float:left; width:610px; overflow:hidden;}
.previe34{float:right; width:540px; margin-top:10px; height:40px; line-height:30px; font-size:24px; overflow:hidden; }
.previe34 h2{float:left;width:540px;font-size:24px; color:#333; font-weight:400;}
.previe45{float:right; width:520px; margin-top:10px; max-height:330px; line-height:27px; font-size:14px; overflow:hidden; background:#f2f2f2; padding:10px;border-radius:3px;}

.pro_details{ float:left; width:850px; line-height:28px;}
.pro_details .title{ float:left; width:850px; height:40px; line-height:40px; border-bottom:1px solid #e4eaec; margin-bottom:20px;}
.pro_details .title h2{ float:left; padding:0 5px;border-bottom:2px solid #1e468e; font-size:18px; font-weight:normal;}



/*CSS pageinfo style pagination*/
.pageinfo_box{ float:left;width:100%; margin-top:10px; margin-bottom:20px; overflow: hidden;}
.pageinfo {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:3px;  text-align: center; line-height:25px; font-size:14px; }
.pageinfo a {border: #323232 1px solid; padding-right: 5px;padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #323232; padding-top: 2px;  text-decoration: none}
.pageinfo a:hover {border: #323232 1px solid;color: #ff0000; }
.pageinfo a:active {border: #323232 1px solid;color: #ff0000;}
.pageinfo .thisclass {border: #323232 1px solid; padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px;  background-color: #323232}
.pageinfo .disabled {border: #323232 1px solid;padding-bottom: 2px; padding-right: 5px;padding-left: 5px; color: #323232; margin-right: 2px; padding-top: 2px; }
.pageinfo strong{color: #ff0000; padding:0 3px;}


.banner_r{margin:0 auto;width:100%;position:relative;height:350px;overflow:hidden; background:#f2f2f2;}
.banner_r .bd ul {width:100% !important;}
.banner_r .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.banner_r .bd li {width:100% !important;height:350px;overflow:hidden;text-align:center;}
.banner_r .bd li a {display:block;height:350px;}