@charset "utf-8";
/* css document */

html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%; /*绂佺敤webkit鍐呮牳娴忚鍣ㄧ殑鏂囧瓧澶у皬璋冩暣鍔熻兘锛岄粯璁ゆ槸auto锛?/
	-ms-text-size-adjust:100%; /*绂佺敤ie鍐呮牳娴忚鍣ㄧ殑鏂囧瓧澶у皬璋冩暣鍔熻兘锛岄粯璁ゆ槸auto锛?/
	font-family: sans-serif; /* 1 */}
*{word-wrap: break-word; word-break:break-all;margin:0;padding:0;}
ul,ol,dl{list-style-type:none}
a,area{outline:none; blur:expression(this.onfocus=this.blur())}
a{text-decoration:none; color:#000;}
a:focus{outline:none}
a:hover{outline:none; color:#2aa8d7; text-decoration:none;}
img{border:none;vertical-align:middle;}
.bordernone{border:none !important;}
.clearfix{*zoom:1; clear:both;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";} 
.clearfix:after{clear:both;}
.layui-clear{ clear:both;*zoom: 1;}
.w1200{ width:1200px; margin:0 auto; padding:0px 0px;}
.float-left , .fl{ float:left;}
.float-right , .fr{ float:right;}
.display-none{ display:none;}
.w1200{ width:1200px; margin:0 auto; padding:0px 0px;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.scaleimg:hover  img,
.scaleimg:hover  em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotatey:hover{ -webkit-transform: rotatey(180deg); -moz-transform: rotatey(180deg); -ms-transform: rotatey(180deg); transform: rotatey(180deg); }
.translatex:hover{-webkit-transform:translatex(-6px); -moz-transform: translatex(-6px); -ms-transform:translatex(-6px); transform:translatex(-6px);}
.vcenter {position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height: 100%;display: block;vertical-align: middle;text-align: center;margin: auto}

/*涓嶈嚜閫傚簲鐨勬椂鍊欏鍔犵殑浠ｇ爜-end*/
body{line-height:2;font-size:14px !important;}
.text-center {text-align: center;}


.head{display: -webkit-flex;width:1200px; margin:0 auto;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;flex-wrap: wrap;-webkit-flex-wrap: wrap;padding: 0 0px;height:100px;position: relative; height:85px;}


.logo{ width:477px; float:left; position:relative;height:59px;}
.logo img{ width:477px; height:59px;}
.menu{ width:545px; float:right;}
.menu ul li{ display:block; float:left; height:85px; line-height:85px; text-align:center;}
.menu ul li a{ display:block; float:left; font-size:16px; padding:0px 15px; height:85px; font-weight:bold;line-height:85px; color:#333;}
.menu ul li a:hover,.menu ul li a.hover{ color:#fff; background:#1750e2;}

/*---------- banner style ----------*/
.banner{ width:100%; height:520px; z-index:-9; margin:0px auto; position:relative;}
.abs {position:relative; }
.banner .hd {bottom:90px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:1200px;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:10px; list-style:none;background-color:rgba(0,0,0,0);width:36px;height:4px;margin-left:15px;cursor:pointer;border: 1px solid #fff;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#fff; cursor:pointer;}
.banner, .banner a {height:520px;display:block;}
.banner ul {margin:0 auto; padding:0px 0px;}

.banner .prev{ width:25px; height:37px;display:block;background:url(/uploads/image/images/banner_btn.png) left center no-repeat; position:absolute; left:0px; top:240px; z-index:9;}
.banner .next {width:25px;height:37px;position:absolute;right:0px;top:240px;display:block;background:url(/uploads/image/images/banner_btn.png) right center no-repeat;z-index:9;}

.zxgg{ width:1200px; margin:-60px auto 0px auto; height:45px; position:relative; line-height:45px;}
.zxgg .bg{ position:absolute; width:1200px; height:45px;z-index:2; top:0;background:#000; opacity:0.6;}
.zxgg label{ display:block; float:left; position:relative; z-index:3; color:#fff; background:url(/uploads/image/images/ggbtn.png) left center no-repeat; padding-left:25px; margin-left:20px;}
.zxgg ul{ display:block; float:left; width:880px; position:relative; z-index:3; overflow: hidden;height: 45px;}
.zxgg ul li{ float:left; margin-right:50px; width:360px; margin-left:20px;height:45px; line-height:45px; background:url(/uploads/image/images/cycle.png) left center no-repeat; padding-left:10px;}
.zxgg ul li a{ color:#fff; color:#fff; display:block; float:left;}
.zxgg ul li span{ display:block; float:right; color:#fff;}
.zxgg .more2{ float:right; color:#fff; line-height:45px; position:relative; z-index:3; margin-right:20px;}

.bluebg{ width:100%; margin-top:15px; padding:20px 0px 80px 0px; background:url(/uploads/image/images/bg1.jpg) top center repeat-x;}
.title1{ width:1200px; margin:0 auto; position:relative;}
.title1 span{ font-size:26px; color:#222;letter-spacing:2px; display:block; line-height:50px;width:100%; text-align:center; z-index:3;}
.title1 label{ color:#8ba1da; width:100%; display:block; text-align:center; z-index:3;}
.title1 em{ width:118px; display:block; margin:0 auto;height:16px; background:#e3eeff; z-index:2; margin-top:-25px;}

.ywfwmain{ width:1200px; margin:30px auto;}
.ywfwmain ul li{ width:240px; float:left;}
.ywfwmain ul li .ywfwbox1{width:210px;background:#fff;height:60px;padding:15px 14px 15px 15px;border-right:solid 1px #ededed; display:block; float:left;}
.ywfwmain ul li .ywfwbox1 i{ width:32px; height:33px; display:block; float:left; margin-top:9px;}
.ywfwmain ul li .ywfwbox1 i img{ width:32px; height:33px;}
.ywfwmain ul li .ywfwbox1 div{ width:160px; float:left; margin-left:10px; margin-top:10px;}
.ywfwmain ul li .ywfwbox1 div span{ display:block; width:100%; height:20px; line-height:20px; font-size:14px; color:#222;}
.ywfwmain ul li .ywfwbox1 div label{display:block; width:100%; height:20px; line-height:20px; font-size:12px; color:#999;}
.ywfwmain ul li .img{ width:240px; height:128px; overflow:hidden; float:left; position:relative;}
.ywfwmain ul li .img i{ background:url(/uploads/image/images/icon5.png) top center no-repeat; width:24px; height:12px; position:absolute; top:0px; left:118px; z-index:6;}
.ywfwmain ul li .img img{ width:240px; height:128px;-webkit-transition: all 0.5s;transition: all 0.5s; position:relative; z-index:5;}


.gywm{ width:1200px; margin:40px auto;}
.gywmbox{ width:1200px; float:left; margin-top:40px;}
.gywmbox .fl{ float:left;}
.gywmbox .fr{ float:left; width:390px; margin-left:30px; margin-top:80px;}
.gywmbox .fr h2{ display:block; float:left; font-size:20px; color:#222; font-weight:normal; height:20px; line-height:20px;letter-spacing:2px;}
.gywmbox .fr label{ display:block; float:left; color:#a9a9a9;height:20px; line-height:20px; font-size:12px;}
.gywmbox .fr span{ width:390px; float:left; line-height:25px; margin-top:30px; color:#222; display:block;}

.ysbg{ width:100%; background:url(/uploads/image/images/ysbg.jpg) top center no-repeat; height:380px; padding:60px 0px; margin-top:80px; clear:both;}

.ysmain{ width:1200px; margin:60px auto;}
.ysmain ul{ width:1000px; padding:0px 100px;}
.ysmain ul li{ width:250px; display:block; float:left;}
.ysmain ul li img{ width:95px; height:107px; display:block; margin:0 auto;}
.ysmain ul li b{width:100%;font-size:16px; height:30px;line-height:30px;color:#fff; margin-top:30px;text-align:center;display:block;float:left;}
.ysmain ul li span{ width:50%; display:block; float:left; margin:10px 25%;line-height:25px; color:#fff;text-align:center;}

.cgal{ width:1200px; margin:50px auto;}
.cgalbox{ width:1200px; float:left; margin-top:20px;}
.cgalbox ul{ width:1240px; margin-left:-40px;}
.cgalbox ul li{ width:270px; margin-left:40px; float:left; margin-top:20px;}
.cgalbox ul li .img{ width:270px; height:200px; display:block; float:left;overflow:hidden; position:relative;}
.cgalbox ul li .img img{width:270px; height:200px;-webkit-transition: all 0.5s;transition: all 0.5s; position:relative; }
.cgalbox ul li .txt{ width:270px; height:30px; margin-top:5px;line-height:30px; text-align:center; overflow:hidden; display:block; float:left;}

.graybg{ width:100%; background:#f7f9ff; padding:40px 0px;}

.more{width:132px;height:38px;display:block;margin:30px auto;background:#1750e2;color:#fff;text-align:center;line-height:38px;}

.xwdtmain{ width:1200px; margin:30px auto;}
.xwdtmain ul{ width:1221px; margin-left:-21px;}
.xwdtmain ul li{ width:386px; height:313px; margin-left:21px;float:left; background:#fff;}
.xwdtmain ul li .xwdtimg{ width:214px;height:160px;float:left; margin:10px 86px; overflow:hidden;}
.xwdtmain ul li .xwdtimg img{ width:214px; height:160px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.xwdtmain ul li .xwdttit{width:340px;margin:0px 23px;display:block;float:left;height:40px; line-height:40px; overflow:hidden;}
.xwdtmain ul li span{width:340px;display:block;float:left; margin:10px 23px; color:#aeaeae; line-height:20px; font-size:12px;}

.zxbg{ width:100%; background:url(/uploads/image/images/ysbg2.jpg) top center no-repeat; padding:80px 0px 40px 0px; height:160px;}
.zxbg span{ display:block; width:100%; text-align:center; color:#fff; font-size:30px;}

.foot{ width:1200px; margin:30px auto;}
.foot .foot1{ width:260px; float:left;}
.foot .foot1 img{ display:block; margin:0px auto;}
.foot .foot1 span{ display:block; float:left; color:#888; line-height:28px; width:280px;margin-top:20px;}

.foot .foot2{ width:90px; margin-left:90px;float:left;}
.foot .foot2 b{ width:100%; display:block; float:left;color:#555; margin-bottom:30px;}
.foot .foot2 a{ display:block; float:left; color:#999; line-height:30px; height:30px;}

.foot .foot3{ width:100px;float:left; margin-left:70px;}
.foot .foot3 img{ width:90px; height:90px; display:block; margin:0 auto;}
.foot .foot3 span{ width:100%; text-align:center; display:block; float:left;color:#999; margin-top:5px;}

.handlink{ width:1200px; margin:0px auto; line-height:25px; color:#333333;}
.handlink b{ font-weight:normal;}
.handlink a{ color:#7f96bd; margin:0px 10px;}
.copyright{ width:100%; background:#f5f5f5; text-align:center; padding:10px 0px; line-height:25px; color:#c6c6c6;}
.copyright a{ color:#434343;}


.inbanner{ width:100%; background:url(/uploads/image/images/inbanner.jpg) top center no-repeat; height:100px; padding:50px 0px;}
.inbannertxt{ width:1200px; margin:0px auto; height:100px;}
.inbannertxt span{ display:block; float:left; width:100%; color:#fff; font-size:20px; font-weight:bold;}
.inbannertxt em{ display:block; float:left; width:30px; margin:5px 0px;height:2px; background:#1750e2;}
.inbannertxt label{ color:#1750e2; display:block; float:left; width:100%;}


.location{ width:1180px; margin:0px auto; height:50px; line-height:50px; color:#999; background:url(/uploads/image/images/location.jpg) left center no-repeat; padding-left:20px;}

.page{ width:1200px; margin:10px auto;}
.page .pagel{ width:204px; float:left;}
.page .pagel ul li{ width:204px; height:40px; margin:10px 0px;}
.page .pagel ul li a{ display:block; float:left; width:134px; height:40px; line-height:40px;color:#4f4f4f; padding:0px 35px;}
.page .pagel ul li a:hover,.page .pagel ul li a.hover{ background:url(/uploads/image/images/leftmenuah.jpg) top center no-repeat; color:#1750e2;}

.page .pager{ width:960px; background:#fff;float:right;}

.in_about{ width:900px; float:left; color:#696969;box-shadow: 0px 0px 10px 1px rgba(237, 237, 237, 1); padding:30px 30px;}

.in_about .ti{ font-weight: bold; text-align: center; padding: 2.8% 2.8% 1%; font-size: 1.33em;}
.in_about .time{ text-align: center; padding: 1% 0 1.5%; display: block;}
.in_about .conttxt{ padding: 2.8% 0 5.9%; border-top: 1px solid #e7e6e3; line-height:28px;border-bottom: 1px solid #e7e6e3;}
.in_about .conttxt .p{ text-indent: 2em; padding-top: 3.9%;}
.in_about .conttxt .img{ text-align: center;}
.in_about .conttxt .title{ font-weight: bold; padding-top: 2.8%;}

.in_about .next-box{ padding-top: 3%;}
.in_about .next-box .prev,
.in_about .next-box .next{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.in_about .next-box span{ font-weight: bold; padding-right: 1%;}

.products{ width:960px; float:left;}
.products ul{ width:980px; margin-left:-20px;}
.products ul li{ width:225px; margin-left:20px; float:left; margin-top:20px;}
.products ul li .img{ width:225px; height:190px; display:block; float:left;overflow:hidden; position:relative;}
.products ul li .img img{width:225px; height:190px;-webkit-transition: all 0.5s;transition: all 0.5s; position:relative; }
.products ul li .txt{ width:225px; height:30px; margin-top:5px;line-height:30px; text-align:center; overflow:hidden; display:block; float:left;}

/*鍒嗛〉*/
.pagenav{width:100%;height:auto;font-size:0px;text-align:center;position:relative;overflow:hidden; padding: 20px 0; margin-top:20px; margin-bottom:60px;}/*鍒嗛〉*/
.pagenav a,
.pagenav span{ display:inline-block; height:26px;line-height:24px;text-align:center; font-size:18px;color:#333;border:1px solid #e8e8e8;margin:0 5px; padding: 0 12px; font-size: 14px;}
.pagenav a.on, .pagenav a:hover,
.pagenav .laypage_curr{background-color:#2aa8d7;color:#ffffff;border-color:#2aa8d7;}
.pagenav a:first-child,
.pagenav a:last-child{background:none;border:1px solid #cccccc;font-weight:600;color:#888888;}

/*-----鏂伴椈鏍峰紡----------*/
.news-lists {padding:0px 0px;}
.news-lists{ width:900px; float:left; color:#696969;box-shadow: 0px 0px 10px 1px rgba(237, 237, 237, 1); padding:30px 30px;}
.news-lists ul li{ width:900px; float:left; border-bottom:dashed 1px #ebebeb; padding:0px 0px 25px 0px; margin-top:25px; height:170px;}
.news-lists ul li .newsimg{ width:220px; height:150px; float:left; border:solid 1px #ebebeb; overflow:hidden;}
.news-lists ul li .newsimg img{ width:220px; height:150px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.news-lists ul li .newstxt{ width:650px; float:right;}
.news-lists ul li .newstxt .txttitle{ width:650px; float:left; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.news-lists ul li .newstxt .txttitle span{width:80px; height:30px; line-height:30px; float:right; display:block; background-color:#0061ae; border-radius:5px; color:#fff; text-align:center; font-size:15px;}
.news-lists ul li .newstxt span.date{ width:650px; display:block; float:left; font-size:14px; color:#999; line-height:25px; padding:5px 0px;}
.news-lists ul li .newstxt span.txt{ width:650px; display:block; float:left; color:#555; font-size:14px;}
.news-lists ul li .newstxt span.txt a{ color:#555;}

/*---鑱旂郴鎴戜滑---*/

.in_contact{ width:1200px; margin:30px auto;}
.map{ width:1200px; float:left;}

.contactbox{ width:1200px; float:left; margin-top:20px;}
.contactbox .tit{ width:1200px; float:left;}
.contactbox .tit h2{ display:block; float:left; width:100%; font-size:24px;}
.contactbox .tit em{ display:block; float:left; width:40px; height:2px; background:#1750e2;}

.contactbox ul{ display:block; float:left; width:1200px; margin-top:20px;}
.contactbox ul li{ display:block;float:left;margin-right:100px;color:#888;height:25px;line-height:25px;margin-bottom:10px;}
.contactbox ul li i{ display:block;float:left; height:15px; margin-top:5px;}
.contactbox ul li span{ display:block; float:left; margin-left:5px; height:25px; line-height:25px;}