@charset "utf-8";*{margin:0px;padding:0px;}
html,body,b,div,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td{margin:0px auto;padding:0;}
ul{list-style-type:none;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;border:0;}
img{ border:0; }
input,select{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	 border:none;}

.time1{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s}
.time2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s}
.time5{transition:all ease-out .5s 0s;-webkit-transition:all ease-out .5s 0s;-moz-transition:all ease-out .5s 0s;-o-transition:all ease-out .5s 0s}

.l{ float:left}
.r{ float:right}
.tright{ text-align:right}
.tleft{ text-align: left}
.tcenter{ text-align:center}
.cur{ cursor:pointer}
.jz{ display:table; margin:0 auto}
.jz dd:hover{ background:#f00}
.fd{ width:100%;min-width:1200px;  float:left; margin:0px;}
.tmain{width:1200px}
.main{ width:1200px; overflow:hidden}
.mt50{ margin-top:50px;}

input, textarea,bt,button {font-size: 0.14rem;color: #333;border: none;outline: medium none;}
.col input{ float: left; width: 100%; }
.col input:nth-child(2n){ margin-right: 0;}
input{ margin-top: 10px;height: 40px; padding: 6px 15px; line-height: 24px; background:none; border:1px solid #ddd; color: #000; letter-spacing: 1px; box-sizing:border-box; border-radius:5px;}
textarea{ margin-top: 10px; height: 88px; width: 100%;  background:none; border:1px solid #ddd; padding: 15px; color: #858484; letter-spacing: 1px; box-sizing:border-box; border-radius:5px;}
.bt{ padding: 0; width: 130px; height: auto; line-height: 40px; background:#0e75d2; color: #FFFFFF; letter-spacing: 3px; margin-top:10px;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#000;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#000;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#000;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#000;}

.top{ width:100%;height:115px; float:left;background:#0e75d2; position:fixed; left:0; top:0; z-index:9999; box-shadow:0 5px 20px rgba(0,0,0,0.2);}
.top .logo img,.top .tel img{width:300px; height:51px; margin-top:32px; float:left}

.top .right{ width: auto}
.language{ width:auto; height:18px; margin-top:48.5px; display:inline}
.language a{ width:auto; margin-left:15px; display:inline; float:left}
.language .icon{ width:27px; height:18px; margin-right:5px; display:inline}
.language .wz{ font:16px/18px ""; color:#fff}
.language a:hover .wz{ text-decoration:underline}

.top .right .wz_en:hover{ background:#fbdb01; color:#fff}
.topmeau{ width:auto; height:115px}
.topmeau li{ width:auto; height:115px;  display:inline; float:left}
.topmeau li a{ padding:0 12px; display:inline;height:115px; font:16px/115px ""; color:#fff; float:left}
.topmeau ul li:hover a,.topmeau .li_Select a{ color:#fff; background:#2188e4}
.topmeau .li_Select{ height:93px}

.ysdiv{ width:100%; min-width:1200px; background:#fff; box-shadow:0 3px 20px rgba(0,0,0,0.1); padding:30px 0;}
.ysdiv li{ width:240px; height:auto; float:left; text-align:center; color:#000; list-style:none}
.ysdiv li .ico{ display:table; margin:0px auto; height:45px; width:45px;}
.ysdiv li h1{ font:16px/45px ""; }
.ysdiv li h2{ font:12px/20px "";}
.ysdiv li:hover .ico{    
-ms-transform:rotate(360deg);/* IE 9 */ 
-moz-transform:rotate(360deg); /* Firefox */ 
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */
}


.cblack{color:#000; }
.cwhite{color:#fff; }
.mbt{ width:100%;}
.mbt h1{ font:28px/40px ""; text-transform:uppercase; }
.mbt h2{ font:24px/40px "";}

.pro_fl{height:auto; width:100%; border-bottom:1px solid #d8d8d8; box-sizing:border-box}
.pro_type {width: auto;display:table; text-align:center; margin:0px auto;}
.pro_type ul{width: auto}
.pro_type ul li {float: left;width: auto; color:#565758;font:18px/50px ""; border-bottom:2px solid #fff; box-sizing:border-box; padding:0 25px; margin-top:25px;}
.pro_type ul li:hover{border-bottom:2px solid #0e75d2; box-sizing:border-box;color:#0e75d2;}
.pro_type ul li:first-child {border-left: none;}
.pro_type ul li a {color: #fff;text-align: center;font:13px/29px "";}



.about_bg{  padding-top:75px; display:inline; height:552px; box-sizing:border-box;}
.aleft{ width:520px}
.aleft .line{ width:60px; height:2px; background:#fbdb01; clear:both; display:block}
.aleft .awz{ width:100%; height:145px; min-height:145px; margin-top:45px; display:inline; font:12px/24px ""; color:#000; overflow:hidden}
.aleft .abtn{ width:189px; height:28px; color:#fff; line-height:28px; font-size:12px; background:url(../images/amore.png) no-repeat left; margin-top:20px; display:inline;  overflow:hidden; text-align:center}
.aleft .abtn:hover{ background:#0e75d2; color:#fff}
.aleft .aul{ width:100%; float:left; margin-top:10px;}
.aleft .aul li{ float:left; width:30%; height:auto; list-style:none; font:14px/30px ""; color:#000;}
.aleft .aul li:hover{ color:#0e75d2}
.aleft .aul li .aico{ width:30px; height:30px; float:left; margin-right:5px;}
.apic{ width:530px; height:350px}

.title{ width:100%; margin-top:70px; display:inline; text-align:center}
.title .wz_cn,.aleft .atitle{ width:100%;  font:20px/50px ""; color:#121212}
.title .wz_cn span,.aleft .atitle span{font-size:14px; color:#999}
.title .wz_en{ width:100%; font: bold 30px/50px ""; color:#000}
.title .wz_s{ width:100%; font:18px/40px ""; color:#000; background:url(../images/ysbt.png) no-repeat center center;}

.p_class{ width:100%; margin-top:15px; display:inline}
.p_class .pa{ width:auto; padding:0 20px;font:14px/32px "";color:#fff;background:#b5b5b5; border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-webkit-border-radius:15px;}
.p_class .pa:hover{ background:#fbdb01; color:#333}
.p_class li{ width:auto;margin:8px 10px 0;display:inline; float:left; position:relative}

.ny_p_class{ width:250px; margin-top:30px; display:inline; padding-bottom:20px}
.ny_p_class .bt{ width:100%; padding:20px 0px; display:inline; font:24px/30px ""; color:#fff; background:#0e75d2; text-align:center}
.ny_p_class li{ width:100%;background:#f8f8f8; margin-top:10px; display:inline; float:left; position:relative}
.ny_p_class li:hover{ background:#0e75d2; color:#fff;}
.ny_p_class li:hover a{ color:#fff;}
.ny_p_class li .pa{ width:100%;font:14px/42px "";color:#333; overflow:hidden; text-align:center}
.ny_p_class li dl{ width:0; height:auto; background:#fbdb01; overflow:hidden; position:absolute; left:300px; top:0; z-index:999}
.ny_p_class li:hover dl{ width:300px; opacity:1; filter:alpha(opacity=100)}
.ny_p_class li dl .wz{ width:270px; padding:4px 15px; display:inline; text-align:center; font:13px/42px ""; color:#121212}
.ny_p_class li dl .wz:hover{ background:#df0000; color:#fff}

.plsit1{ width:1260px; min-height:300px;}
.ny_pro{ width:920px}
.plsit1 li{ width:282px; height:338px;background: linear-gradient(0deg, #0e75d2, #212529); float:left; margin:30px 25px 0 0; display:inline; position:relative; box-shadow:0px 5px 20px #ccc}
.plsit1 li:last-child { margin-right:0px;}
.plsit1 li .pic{ width:100%; height:262px; overflow:hidden}
.plsit1 li .pic img{ width:60%; height:100%; display:inline-block; object-fit:cover; overflow:hidden;padding-left:20%}
.plsit1 li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.plsit1 li .pname{width:100%;height:32px; margin-top:10px; display:inline;font:16px/32px ""; color:#fff; text-align:center; overflow:hidden}
.plsit1 li .wz{ width:100%; height:22px; color:#999; text-align:center; background:url(../images/pmore.png) no-repeat center}
.plsit1 li .sk{ width:0; height:0; background:url(../images/tm_b60.png); position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); overflow:hidden; text-align:center}
.plsit1 li:hover .sk{ width:100%; height:262px; opacity:1; filter:alpha(opacity=100)}

.pr80{ padding-right:80px;}
.pl80{ padding-left:80px;}
.in_adv{height: auto; display:inline; padding-bottom:90px;}
.in_adv .area{ width:410px; height: auto; padding-top:55px; display:inline;}
.in_adv .area li{ width:100%; height:80px; margin-top:65px; display:inline; float:left}
.area li .nr{ width:100%; height:80px; display:inline; box-sizing:border-box;}
.area li .nr .w1{ width:100%; display:inline; height:36px; font: bold 20px/36px ""; color:#2b2b2b}
.area li .nr .w2{ width:100%; height:26px; font:14px/26px ""; color:#5b5b5b}
.area li .nr .w1_en{ width:100%; margin-top:2px; display:inline; height:30px; font:15px/30px ""; color:#fff; overflow:hidden}
.area li .nr .w2_en{ width:100%; height:40px; font:12px/20px ""; color:#fff; word-break:break-all; overflow:hidden}


.map{ width:100%; min-width:1200px; height:542px; background:url(../images/map.jpg) no-repeat center top}
.map_en{ width:100%; min-width:1200px; height:542px; background:url(../images/map_en.jpg) no-repeat center top}

.clist{ width:1320px; min-height:350px}
.clist li{ width:385px; float:left; margin:30px 20px 0 0; display:inline; position:relative;}
.clist li a{ width:100%}
.clist li .pic{ width:100%; height:286px; overflow:hidden}
.clist li .pic img{ width:100%; height:100%; display:inline-block; object-fit:cover; overflow:hidden}
.clist li:hover .pic img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}

.clist li:hover .pic{ background: url(../images/tm_b80.png) repeat; height:286px; width:100%;}
.clist li .wz{ width:100%; height:45px; font:14px/45px ""; color:#333; background:#f8f8f8; text-align:center}
.clist li a:hover .wz{ background:#fbdb01}
.clist li .sk{ width:0; height:0; background:url(../images/tm_b80.png); position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); overflow:hidden; text-align:center}
.clist li:hover .sk{ width:100%; height:286px; opacity:1; filter:alpha(opacity=100)}
.clist li:hover .sk a{ width:100%; height:100%; background:url(../images/cl.png) no-repeat center center;  display:inline-block;}

.more{ width:160px; height:42px; background:#121212; text-align:center; font:15px/42px ""; color:#fff; margin-top:32px; display:inline; border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px; overflow:hidden}
.more:hover{ background:#fbdb01; color:#333}

.new_div{ width:100%; height:auto; background:#f2f4fa; padding:60px 0; margin-top:35px;}


.inew_ul{ float:left; width:103%; padding-top:25px;}
.inew_ul li{ float:left; margin:0px 20px 23px  0; height:85px; width:100%; border-bottom:1px solid #d1d2d7; }
.inew_ul li img{ float:left;}
.inew_ul li .irr{ float:left; padding-left:19px; width:350px;}
.inew_ul li .irr h4{ font-size:16px; font-weight:normal; font-style:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#000;}
.inew_ul li .irr span{ display:block; font-size:12px; line-height:25px; height: auto;overflow:hidden; color:#8d8d8d; padding:4px 0 0;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.inew_ul li .irr span i{ font-style:normal; color:#0e75d2}
.inew_ul li a:hover h4,.inew_ul li  a:hover .irr span{ color:#0e75d2}
.inew_ul li  a:hover .irr span i{ color:#fcab0f}

.inew_ul li .data font{ font-size:24px; color:#000}
.inew_ul li .data em{ font-style:normal; font-size:18px; color:#5d5d5d;}

.inew_ul li .data{ width:85px; height:85px; float:left; text-align:center; }

.inew_ul li:hover .date font,.inew_ul li:hover .date font{ color:#0e75d2}




#indnews{height:auto; width:100%;float:left; }
#indnews ul{ width:105%; float:left;}
#indnews ul li{ position:relative; float:left; width:297px; height: auto; margin-right:22px;}
#indnews ul li .indnews-img{ width:100%; height:192px; position:relative; float:left;}
#indnews ul li .indnews-img img{ width:100%; height:192px;}
#indnews ul li .indnews-txt{ width:100%;  height: auto; box-sizing:border-box; float:left; margin-top:20px;}
#indnews ul li .indnews-txt .datemore{ width:100%; float:left}

#indnews ul li .indnews-txt a.indnews-tit{ display:block; width:100%; font-size:16px; line-height:50px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#indnews ul li .indnews-txt span{ display:block; width:100%;}
#indnews ul li .indnews-txt span a{ font-size:12px; line-height:22px; color:#8d8d8d;}
#indnews ul li:hover .indnews-txt a.indnews-tit{ color:#0e75d2}
#indnews ul li:hover .indnews-txt span a{ color:#0e75d2;}
#indnews ul li .data{ width:100px; float:left;height:20px; line-height:20px; font-size:13px; color:#999; text-align:left;}
#indnews ul li .data font{ font-size:24px; color:#000}
#indnews ul li .data em{ font-style:normal; font-size:18px; color:#5d5d5d;}
#indnews ul li:hover .data font,#indnews ul li:hover .data em{color:#0e75d2;}
#indnews ul li .nmore{ width:88px; height:23px; color:#fff; background:#0e75d2; font:12px/23px ""; float: right; text-align:center;}
#indnews ul li:hover .nmore{ color:#fff;background:#fcab0f;}


.n_list{ width:1320px}
.n_list li{width:400px;margin:30px 40px 0 0; display:inline; float:left}
.n_list li .line{ width:50px; height:3px; background:#ccc; display:block}
.n_list li:hover .line{ width:100%; background:#fbdb01}
.n_list li .bt{width:100%; height:36px; margin-top:8px; display:inline; font:16px/36px ""; color:#232323; overflow:hidden}
.n_list li:hover .bt{ color:#fbdb01}
.n_list li .view{ width:100%; height:40px; font:12px/20px ""; color:#999; overflow:hidden}
.n_list li .icon{ width:40px; height:40px; border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%; overflow:hidden; margin-top:15px; display:inline; font:24px/40px "宋体"; color:#ccc; border:solid 1px #ccc; text-align:center}
.n_list li:hover .icon{ border:solid 1px #fbdb01; background:#fbdb01; color:#333}

.ny_banner{ width:100%; min-width:1200px; height:300px; margin-top:93px; display:inline; }
.ny_banner_en{ width:100%; min-width:1200px; height:300px; margin-top:93px; display:inline; background:url(../images/ny_banner_en.jpg) no-repeat center center}

.ny_title{ width:100%; height:44px; border-bottom:solid 1px #ccc; margin-top:30px; display:inline; position:relative}
.ny_title .wz1{ height:43px; border-bottom:solid 2px #0e75d2; padding:0 10px; display:inline; font:18px/43px ""; color:#0e75d2; position:absolute; left:0; top:0}
.ny_title .wz1 span{ font-size:14px; color:#999}
.ny_title .wz2{ height:30px; margin-top:14px; display:inline; font:14px/25px ""; color:#666}
.ny_title .wz2 a{color:#0e75d2}

.view_nr{ width:100%;padding-bottom:20px; margin-top:30px; display:inline;font:14px/32px ""; color:#555; line-height:32px}
.view_nr img{ max-width:100% }
.about_wz{ width:100%; font:14px/32px ""; color:#555; line-height:32px}

.view_title{ width:100%; height:40px; text-align:center; font:18px/40px ""; color:#fbdb01; line-height:50px; margin-top:25px; display:inline}
.news_title_s{width:100%; height:25px; text-align:center; font:12px/25px ""; color:#999; line-height:25px}
.news_sxy{ width:100%; height:40px; margin-top:30px; display:inline}
.news_sxy a{ width:50%; font:16px/40px ""; color:#000; line-height:40px; overflow:hidden}
.news_sxy a:hover{ color:#fbdb01}

.pro_pic{ width:500px; margin-top:30px; display:inline; border:solid 1px #ccc}
.pro_pic img{width:100%; float:left}
.pro_nr{ width: 650px; margin-top:30px; display:inline}
.pro_nr .ptitle{width:100%; font:22px/60px ""; color:#fbdb01}
.pro_nr .pwz{ width:100%; margin-top:15px; display:inline; font:16px/50px ""; color:#333}

.ny_pist1{ width:26%;}
.ny_pist1 li,.ny_pist1 li a,.ny_pist1 li .pic,.ny_pist1 li .pic img{ width:100%; float:left}
.ny_pist1 li{ margin-top:30px; display:inline}
.ny_pist1 li .pname{ width:100%; height:50px; background:#f5f5f5; font:14px/50px ""; color:#000; overflow:hidden; text-align:center}
.ny_pist1 li:hover .pname{ background:#df0000; color:#fff}

.c_title{ width:100%; height:40px; text-align:center; float:left; font:18px/40px ""; color:#121212}
.c_pic{ width:100%; margin-top:20px; display:inline; text-align:center}
.c_pic img{ width:auto; height:auto; display:inline-block}

.prev{ width:100%; margin-top:15px; display:inline}
.prev a,.prev a.pb{ width:100%;height:40px;margin:5px 0;display:inline;font:14px/40px ""; text-indent:10px; color:#fff; line-height:40px; overflow:hidden; box-sizing:border-box !important}
.prev a.pa{background:#aaa}
.prev a:hover,.prev a.pb{ background:#df0000}


.foot{width:100%;min-width:1200px; background:#0e75d2; padding:50px 0; display:inline}
.foot .fbt{ width:100%; font:16px/45px ""; color:#fff}
.foot .fl{ margin-right:25px; display:inline}
.foot .flogo{ width:195px}


.foot .fqr{ width:134px}
.foot .fdh{ width:135px}
.foot .fdh ul{ width:100%; float:left;  display:inline}
.foot .fdh .wz{ width:170px; height:32px; font:14px/40px ""; color:#fff; overflow:hidden; text-decoration: none}
.foot .fdh .wz:hover{ color:#eee; text-decoration:underline; opacity:1; filter:alpha(opacity=100; text-decoration: underline)}
.foot .qrcode{ width:130px; margin:25px 20px 0 0; display:inline; text-align:center}
.foot .qrcode img{ width:130px; height:130px; float:left}
.foot .qrcode .wz{ width:100%; font:14px/38px ""; color:#eee}
.foot_bq{ width:100%; min-width:1200px; height:50px; background:#2188e4; text-align:center; font:14px/50px ""; color:#fff}

.clear{ clear:both; display:block}