﻿/*banner效果*/
.banner { position:relative; width:100%; height:300px; min-width:1100px; overflow:hidden;}
.banner_list{ width:100%; height:300px; overflow:hidden;}
.banner_list li { height:300px; position:absolute; width:100%; display:none; }
.banner_list li img{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:300px;}
.banner_btn_o a{ display:none; position:absolute; top:50%; margin-top:-42px; z-index:20; width:34px; height:64px;}
.banner_prev{ background:url(../Images/banner_lac.png) no-repeat; left:2%;}
.banner_next{ background:url(../Images/banner_rac.png) no-repeat; right:2%;}
.banner_prev:hover{ background:url(../Images/banner_lho.png) no-repeat;}
.banner_next:hover{ background:url(../Images/banner_rho.png) no-repeat;}
.banner_owd{ position:absolute; width:100%; height:22px; bottom:54px; z-index:200; text-align:center;}
.banner_btn{ width:100%; height:10px;}
.banner_btn span{ display:inline-block; background:url(../Images/banner_ac.png) no-repeat; width:9px; height:9px; margin:0 2px; cursor:pointer;  transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;}
.banner_btn span.on{ background:url(../Images/banner_ho.png) no-repeat; width:18px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;}
.close{ background:url(../images/hide.png) no-repeat; width:30px; height:15px; position:absolute; left:50%; top:20px; padding:0 10px;}
.close:hover{ background-position:0px -15px;}
/*news-move*/
.news{ position:relative; left:50%; margin-left:-510px; bottom:8px; z-index:300; width:1000px; height:45px;}
.news_l{ position:relative; width:960px; height:45px;}
.news_hot{ background:url(../Images/ind_newmyy.png) repeat; position:relative; width:944px; height:45px; padding-left:16px;}
.news_r{ background:url(../Images/ind_newmyy.png) repeat; width:136px; height:39px; padding-top:6px;}
.news_hName{ color:#0268b3; font-size:14px; width:auto; height:45px; line-height:45px; background:url(../Images/ind_newicon.png) no-repeat left; padding-left:30px; margin-right:6px; display:inline;}
.news_hMove{ width:396px; height:45px; line-height:45px; overflow:hidden;}
.news_hMlist li{ height:45px;}
.news_hMlist li a{ display:block; height:45px;}
.news_hMlist li a span{ display:inline-block; height:45px;}
.news_hMname{ font-size:13px; width:310px; height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_hMtime{ color:#888;}
.news_r a{ display:block; background-color:#0268b3; color:#FFF; font-size:15px; width:100px; height:32px; line-height:32px; margin:0 auto; padding-left:16px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.news_r a span{ background:url(../Images/jt_zyicon.png) no-repeat left; padding-left:20px;}
.news_Mtk{ position:absolute; bottom:0; left:0; z-index:300; background:url(../Images/ind_newmyy.png) repeat; width:1000px; height:0;}
.news_Mtkbox{ width:952px; height:232px; padding:16px 18px 0 30px;}
.news_Mtkl{ width:464px;}
.news_Mtkr{ width:434px;}
.news_Mtname{ background:url(../Images/ind_newicon.png) no-repeat left; padding-left:30px; color:#0268b3; font-size:18px;}
.news_Mtlist{ padding-top:6px; height:180px; overflow:hidden;}
.news_Mtlist li{ height:35px; line-height:35px; border-bottom:1px dotted #888;}
.news_Mtlist li a{ display:block; height:35px; padding-left:6px;}
.news_Mtitle{ display:inline-block; background:url(../Images/ind_newmac.png) no-repeat left; padding-left:22px; font-size:13px; width:334px; height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_Mrmore{ height:23px; padding:4px 0 20px;}
.news_Mrmore  a{ display:inline-block; color:#0268b3; width:auto; height:21px; line-height:21px; padding:0 10px; border:1px solid #0268b3; 
border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;}
.news_Mrmore a span{ background:url(../Images/nore_icon.png) no-repeat right; padding-right:16px;}
.news_Mrshow{ height:162px;}
.new_Mrsimg{ width:272px; height:162px;}
.new_Mrfor{ width:130px;}
.new_Mrfname a{ display:block; color:#0268b3; font-size:18px; margin-bottom:42px;}
.new_Mrfmore a{ color:#c0a354; font-size:14px;}

/*warp-c*/
.warp_c{ height:auto; overflow:hidden; padding:40px 0 90px;}
/*three-good*/
.three_good{ height:388px; overflow:hidden; padding-bottom:52px;}
.three_good ul{ width:1125px;}
.three_good li{ float:left; width:350px; height:388px; margin-right:25px; display:inline;}
.three_gdimg{ width:350px; height:260px; overflow:hidden;}
.three_gdimg img{ transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s;}
.three_gdimg:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.three_gdName{ padding-top:20px; text-align:center;}
.three_gdName a{ display:block; color:#0268b3; font-size:20px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.three_gdTro{ font-size:14px; padding:12px 19px 0 19px; height:72px; overflow:hidden; text-align:center;}

/*num*/
.jt_num{ height:232px; margin-bottom:-2px;}
.jt_numList{ height:230px;}
.jt_numList li{ float:left; background-color:#f7f7f7; width:192px; height:192px; padding-top:5px; border-right:3px solid #FFF;}
.jt_numImg{ position:relative; width:184px; height:160px; margin:0 auto;}
.jt_numImg img{ position:absolute;}
.brand_img{ left:0; width:184px; height:160px;}
.brand_shimg{ display:none; top:0; left:52px; width:0;height:160px; cursor:pointer;overflow:hidden;}
.jt_numList li h3{ color:#333; font-size:14px; text-align:center;}
.jt_numList li p{ color:#888; line-height:20px; height:60px; overflow:hidden; padding:12px 22px 0 22px; text-align:center;}

/*media*/
.media{ position:relative; width:1100px; height:450px; cursor:pointer;}
.media_img{ width:1100px; height:450px; overflow:hidden;}
.media_icon{ position:absolute; top:200px; left:50%; margin-left:-39px; z-index:20; width:78px; height:78px; cursor:pointer;}
.media_tk{ display:none; position:absolute; top:0; left:0; width:1100px; height:450px; z-index:200;}

.iwhy_bg{ height:145px; background-position:center; background-repeat:no-repeat; background-size: cover; margin-top:30px; position:relative; z-index:99}

.pro_bg{width:1000px; margin:0 auto; height:400px; background-size:cover;}
.pro_b{width:210px; float:left; }
.pro_bg .title_b{text-align:center; float:left; width:100%; height:194px; background: url(../images/d1.jpg) center top no-repeat;}
.pro_bg .title_b .zh{font-size:18px; line-height:28px; color:#fff;  padding-right:535px; text-align:right;}

.pro_bg .title_b .en{font-size:22px; line-height:18px; color:#f76f0c;  letter-spacing: 3px; padding-top:90px;padding-right:520px;text-align:right; text-transform:uppercase; font-weight:bold;}
.pro_bg .title_b .en span{color:#fff;}
.pro_b h4{ color:#1a1a1a; font-size:18px; background:url(../images/d2.jpg) left top no-repeat; height:40px; padding:11px 0 0 42px;}
.pro_b ul{float:right; width:188px;}
.pro_b li{float:left; width:188px; height:42px;   background:url(../images/d3.jpg) right top no-repeat; position:relative;}
.pro_b li+li{ margin:-1px 0 0 0;}
.pro_b li a{display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  font-size:14px; line-height:42px; color:#4c4c4c; padding-left:38px;}
.pro_b li a:hover{ color:#f76f0c; padding-left:40px;}
/*.pro_b li span{ position:absolute; width:17px; height:17px; background:url(../images/d5.jpg) center top no-repeat; right:5px; bottom:-6px; display:none;}
*/.pro_imgsbg{width:780px; float:right; padding:20px 0 0}
.pro_imgsbg .r_b{float:left; width:100%;}
.pro_imgsbg .itemb{width:174px; height:174px; padding:3px; border:1px solid #d2d2d2;  float:left; margin-top:16px; margin-left:5px; background-color:#fff;}
.pro_imgsbg .itemb .img_b{ position:relative;width:174px; height:174px; background-repeat:no-repeat; background-position:center; margin:0 auto; background-size:auto 100%;}
.pro_imgsbg .itemb .img_b span{ position:absolute; width:100%; height:30px; text-align:center; line-height:30px; color:#fff; font-size:14px; left:0; bottom:0; background:rgba(0,0,0,0.10);text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ipmore{ float:left; width:100%; color:#000000; font-weight:bold; font-size:14px; text-indent:48px; line-height:30px;}


.in_line{width:700px;margin:0 auto;height:20px;text-align:center;margin-bottom:10px}
.in_line img{position:relative;top:30px;padding:0 7px;background:#fff}

.in_focus{width:1000px;margin:0 auto;margin-bottom:30px}
.in_fctitle{width:190px;margin:0 auto;height:20px;border-bottom:1px solid #ddd;text-align:center;margin-bottom:10px;}
.in_fctitle span{padding:0 20px;background:#fff;font-size:16px;color:#0263c7;font-weight:bold;position:relative;top:7px}
.in_focus dl{float:left;width:100%;height:75px;position:relative;height:60px;border-right:1px dashed #ddd;margin-top:20px;padding-top:5px}
.in_focus dl dd{text-align:center;float:left;cursor:pointer;margin:5px}
.in_focus dl dd p{margin:0;padding:0;text-align:center}
.in_focus dl dd span{display:block;font-size:12px;height:15px;line-height:15px}

.in_bynews{width:100%;height:1px;border-bottom:1px solid #ddd;text-align:center;padding-top:17px}
.in_newsbox{width:1000px;margin:0 auto;padding:20px 0 30px 0}
.in_news{float:left;width:315px}
.inf_head,.inf_head2,.inf_head3{width:315px;height:35px;line-height:35px}
.inf_head h3{float:left;font-weight:400;padding-left:27px;background:url(../Images/1_16.jpg) left center no-repeat;font-size:16px;color:#0263c7;font-weight:bold;}
.inf_head2 h3{float:left;font-weight:400;padding-left:33px;background:url(../Images/1_17.jpg) left center no-repeat;font-size:16px;color:#0263c7;font-weight:bold;}
.inf_head3 h3{float:left;font-weight:400;padding-left:27px;background:url(../Images/1_20.jpg) left center no-repeat;font-size:16px;color:#0263c7;font-weight:bold;}
.inf_head a,.inf_head2 a,.inf_head3 a{float:right;display:block;width:29px;height:35px;background:url(../Images/1_19.jpg) left center no-repeat}
.inf_head a:hover,.inf_head2 a:hover,.inf_head3 a:hover{background:url(../Images/1_19.jpg) left center no-repeat}
.inf_con{width:335px;padding-top:15px}
.inf_title{border-bottom:1px dashed #ddd;padding-bottom:10px}
.inf_title p{padding:0;margin:0;width:335px;height:170px;overflow:hidden}
.inf_title p img{width:335px;height:170px}
.inf_title h3{font-weight:400;font-size:12px;color:#888;height:30px;line-height:30px}
.inf_title h3 span{margin-right:10px}
.inf_title a{display:block;width:335px;height:30px;line-height:30px;font-size:14px;color:#00398e;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inf_title a:hover{text-decoration:underline}
.inf_list{padding-top:5px}
.inf_list dd{width:335px;height:30px;line-height:30px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inf_list dd a{color:#555}
.inf_list dd a:hover{color:#00398e}
.in_left{margin-left:27px}
.in_line{width:1000px;margin:0 auto;height:20px;text-align:center;margin-bottom:10px}
.in_line img{position:relative;top:10px;padding:0 7px;background:#fff}
.in_focus{width:1000px;margin:0 auto;margin-bottom:50px}
.in_fctitle{width:190px;margin:0 auto;height:20px;border-bottom:1px solid #ddd;text-align:center;margin-bottom:10px;}
.in_fctitle span{padding:0 20px;background:#fff;font-size:16px;color:#0263c7;font-weight:bold;position:relative;top:7px}
.in_focus dl{float:left;width:100%;height:75px;position:relative;height:60px;border-right:1px dashed #ddd;margin-top:20px;padding-top:5px}
.in_focus dl dd{text-align:center;float:left;cursor:pointer;margin:5px}
.in_focus dl dd p{margin:0;padding:0;text-align:center}
.in_focus dl dd span{display:block;font-size:12px;height:15px;line-height:15px}


