@charset "utf-8";

/*****************************************

* 2017-4-24 网站内页样式

*****************************************/

.infabt{ width:100%; height:450px; background:url(../images/ban/0.jpg) center no-repeat;}

.infban{ width:100%; height:450px; background:url(../images/ban/0.jpg) center no-repeat;}

.infbay{ width:100%; height:450px; background:url(../images/ban/2.jpg) center no-repeat;}

.infbam{ width:100%; height:450px; background:url(../images/ban/3.jpg) center no-repeat;}

.infbak{ width:100%; height:450px; background:url(../images/ban/4.jpg) center no-repeat;}

.infbas{ width:100%; height:450px; background:url(../images/ban/6.jpg) center no-repeat;}

.infbal{ width:100%; height:450px; background:url(../images/ban/7.jpg) center no-repeat;}

.info{ width:1140px; height:auto; padding:30px; background:#fff; margin:25px auto;}

.info_con{ width:1140px; color:#777; height:auto; min-height:300px !important; font-size:16px; line-height:34px;}

.info_con img{ margin-left:25px;}

.info_con h2{ font-size:20px; line-height:40px; color:#444; font-family:宋体; font-weight:700;}

.info_con p{ line-height:33px; font-size:15px; margin:8px 0;}

.info_con div{ margin:0; padding:0;}

.info_con div img{ float:left; margin:0; padding:0;}



.info_comn{ width:1140px; color:#777; height:auto; min-height:300px !important; font-size:14px; line-height:28px;}

.info_comy{ width:1040px; height:545px; color:#777; font-size:14px; line-height:28px; background:url(../images/aboutbg.jpg) center no-repeat; padding:0 50px;}

.info_comy{ font-size:15px; line-height:35px; color:#444; font-size:16px;}



.lianxi{ width:1200px; height:auto; padding:20px 0 40px; margin:20px auto 40px; background:#fff;}

.titles{ width:1140px; height:auto; padding:30px; background:#fff; margin:25px auto 0; text-align:center; font-size:30px; color:#004485; font-weight:700;}

.classy{ width:1140px; height:auto; padding:30px; background:#fff; margin:25px auto 0;}

.classy li{ float:left; background:#eee; margin-right:8px;}

.classy li a{ padding:12px 28px; display:block; font-size:16px;}

.classy li a.lion{ background:#38adff; color:#fff;}

.classy li a:hover{ background:#38adff; color:#fff;}



.pry_comy{ width:1140px; color:#777; padding:30px; background:#fff; margin:25px auto;}

.pry_comy:hover .pry_comy_l{ box-shadow:0px 0px 10px #999;}

.pry_comy_l{ width:400px; height:auto; float:left; padding:15px; border-radius:30px;}

.pry_comy_l img{ width:400px; height:auto; border-radius:30px;}

.pry_comy_r{ width:650px; height:auto; padding-top:0px; font-size:14px;}

.pry_comy_r em{ font-size:23px; line-height:53px; font-weight:700; color:#222;}

.pry_comy_r span{ line-height:28px; color:#999;}

.pry_comy_r strong{ font-size:15px; line-height:35px; color:#444;}



.pry_con{ width:1160px; color:#777; padding:10px 20px 30px; background:#fff; margin:25px auto;}

.pry_con ul li{ width:263px; height:210px; float:left; text-align:center; border:1px #ddd solid; margin:10px;}

.pry_con ul li a span{ line-height:35px; display:block; font-size:15px; background:#f0f0f0;}

.pry_con ul li:hover a span{ background:#38adff; color:#fff;}

.pry_con ul li:hover{box-shadow:0px 0px 7px #999;}

.pry_con ul li a div{ width:100%; height:175px;overflow: hidden;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;}

.pry_con ul li a div{

    border-color:rgba(0,0,0,.0);

}

.pry_con ul li a div img{ width:100%;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;

}

.pry_con ul li:hover a div img{

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}
div.yyheigh{padding: 30px 20px 30px;}
div.yyheight ul li{ height:210px;}

.pry_cons{ width:1160px; color:#777; padding:10px 20px 30px; background:#fff; margin:25px auto;}

.pry_cons ul li{ width:263px; height:380px; float:left; text-align:center; border:1px #ddd solid; margin:10px;}

.pry_cons ul li a span{ line-height:35px; display:block; font-size:15px; background:#f0f0f0;}

.pry_cons ul li a p{ padding:5px; line-height:23px; color:#777; text-align:left; display:block; width:253px;}

.pry_cons ul li:hover a span{ background:#38adff; color:#fff;}

.pry_cons ul li:hover{box-shadow:0px 0px 7px #999;}

.pry_cons ul li a div{ width:100%; height:175px;overflow: hidden;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;}

.pry_cons ul li a div{

    border-color:rgba(0,0,0,.0);

}

.pry_cons ul li a div img{ height:175px;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;

}

.pry_cons ul li:hover a div img{

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}



.news{ width:1160px; height:auto; padding:20px; background:#fff; margin:25px auto;}

.news h2{ font-size:20px; line-height:45px; padding-left:10px;}

.news ul li{ width:538px; margin:10px; float:left; padding:10px; border:1px #ddd solid;}

.news ul li:hover{box-shadow:0px 0px 4px #ccc;}

.news ul li img{ width:160px; height:110px; float:left; margin-right:15px;}

.news ul li em{ font-size:18px; color:#444; line-height:35px; display:block;}

.news ul li p{ line-height:25px; font-size:12px;}



.picy{ width:1180px; padding-top:30px;}

.picy ul li{ width:214px; height:230px; float:left; margin:5px; font-size:15px; border:1px #ddd solid; padding:5px; text-align:center; line-height:30px;}

.picy ul li img{ width:214px; height:180px;}

/*内容*/



.ntit{ width:1000px; height:auto; padding:30px;background:#fff; margin:25px auto; text-align:center; font-weight:100; color:#111;font-family:宋体; font-size:26px;}



.newnr{ width:1140px; height:auto; padding:30px; background:#fff; margin:25px auto;}



.jhurl{ width:100%; height:39px; line-height:39px; font-size:12px; font-family:宋体; text-align:center; color:#999;}

.nwcon{ width:100%; height:auto; font-size:15px; line-height:30px;}

.nwcon img{}

.context{ width:1140px; height:50px; line-height:30px; margin:40px 0;}

.context ul{ margin:0; padding:0;}

.context ul li{ width:528px; height:30px; line-height:30px; float:left; font-size:15px; border:1px #ddd solid; margin-right:14px; padding:8px 8px 8px 18px; border-radius:8px;}

.context ul li a{ color:#666;}

.context ul li a:hover{ text-decoration:underline;}

/*内容*/

/*页码*/

.infopg{ width:1140px; height:auto; padding:30px; background:#fff; margin:25px auto;}

.infopg ul{ margin:0; padding:7px 20px;}

.infopg ul li{float:left; padding:0 9px; font-size:15px;}

.infopg ul li a{ color:#666; font-size:15px;}

.thisclass{ background:#666; color:#fff;}

/*页码*/



.out_link{ width:420px; margin:30px auto;}

.out_link ul li{ width:120px; height:160px; float:left; margin:0 10px; text-align:center;}

.out_link ul li img{ width:118px; height:124px; border:1px #ddd solid;}

.out_link ul li span{ display:block; width:120px; height:28px; line-height:28px; background:#ff5842; margin-top:5px;}

.out_link ul li a span{ color:#fff;}



.inf_youshi{ width:950px; height:362px; margin:0px auto 140px; position:relative;}

.inf_youshi h2{ color:#555; line-height:65px; text-align:center; font-family:宋体; font-weight:700; font-size:25px; }

.inf_youshis{ width:330px; height:330px; border-radius:165px; position:absolute; left:0; top:100px;}

.inf_youshis img{ width:330px; height:330px; border-radius:165px; z-index:998;}

.inf_youshis span{     display: inline-block;

    background-color: rgba(109,209,247,0.7);

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s; width:230px; height:250px; padding:40px 50px; border-radius:165px; text-align:center;cursor: pointer;}

.inf_youshis span em{ font-size:25px; line-height:40px; color:#fff;}

.inf_youshis span p{ color:#fff; font-size:15px;}

.inf_youshis:hover span{background-color: rgba(0,0,0,0.3); opacity: 1; color:#222;}



.inf_youshiy{ width:330px; height:330px; border-radius:165px; position:absolute; left:310px; top:100px;}

.inf_youshiy img{ width:330px; height:330px; border-radius:165px; z-index:998;}

.inf_youshiy span{     display: inline-block;

    background-color: rgba(255,183,68,0.7);

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s; width:230px; height:250px; padding:40px 50px; border-radius:165px; text-align:center;cursor: pointer;}

.inf_youshiy span em{ font-size:25px; line-height:40px; color:#fff;}

.inf_youshiy span p{ color:#fff; font-size:15px;}

.inf_youshiy:hover span{background-color: rgba(0,0,0,0.3); opacity: 1; color:#222;}



.inf_youshix{ width:330px; height:330px; border-radius:165px; position:absolute; left:620px; top:100px;}

.inf_youshix img{ width:330px; height:330px; border-radius:165px; z-index:998;}

.inf_youshix span{     display: inline-block;

    background-color: rgba(73,211,130,0.7);

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s; width:230px; height:250px; padding:40px 50px; border-radius:165px; text-align:center;cursor: pointer;}

.inf_youshix span em{ font-size:25px; line-height:40px; color:#fff;}

.inf_youshix span p{ color:#fff; font-size:15px;}

.inf_youshix:hover span{background-color: rgba(0,0,0,0.3); opacity: 1; color:#222;}



.inf_keyan{ width:1140px; color:#777; height:auto; min-height:300px !important; font-size:14px; line-height:28px;}

.inf_keyan h2{ color:#555; line-height:65px; text-align:center; font-family:宋体; font-weight:700; font-size:25px; }

.inf_keyan ul li{ width:530px; height:170px; float:left; margin:10px; padding:10px;cursor: pointer; color:#444; font-size:15px; border-radius:5px;box-shadow:0px 0px 4px #999;}

.inf_keyan ul li p{ text-indent:2em; font-size:13px; line-height:20px;}

.inf_keyan ul li .li_img{ width:110px; height:110px; overflow:hidden; float:left; margin-right:10px; position:relative;}

.inf_keyan ul li .li_img i{ position:absolute; left:0; top:0; z-index:9999; line-height:110px; color:#fff; font-size:40px; display:block; text-align:center; width:110px; background:url(../images/1/1.png);}

.inf_keyan ul li .li_img img{ width:110px; height:110px;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;

}

.inf_keyan ul li:hover{box-shadow:0px 0px 9px #888888; color:#38adff;}

.inf_keyan ul li:hover .li_img img{

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

	}

	

.inf_pzhi{ width:1140px; height:650px; color:#777; font-size:14px; line-height:28px; position:relative; }

.inf_pzhi h2{ color:#555; line-height:65px; text-align:center; font-family:宋体; font-weight:700; font-size:25px; }

.inf_pzhi em{ width:220px; height:220px; background:#38adff; float:left; position:absolute; left:50%; top:50%; margin-left:-110px; margin-top:-110px; border-radius:110px; text-align:center; color:#fff; font-size:30px;}

.inf_pzhi em i{ font-size:50px; line-height:100px;}

.inf_pzhi em:hover{ background:#f18e00;}

.inf_pzhi_p{ position:absolute; height:90px; width:390px; border-bottom:1px #38adff solid; cursor: pointer;}

.inf_pzhi_p p{ width:auto; height:60px; background:#38adff;padding:10px; color:#fff; font-size:14px; line-height:18px;}

.inf_pzhi_p p span{ font-size:35px; float:left; height:60px; line-height:60px; margin-right:10px; width:60px; background:#fff;border-radius:30px; text-align:center; color:#38adff;}

.inf_pzhi_p p  i{ float:left;}



.inf_pzhi_p:hover p{ background:#f18e00;}

.inf_pzhi_p:hover p span{ color:#f18e00;}



.inf_pzhi_m{ position:absolute; height:90px; width:470px; border-top:1px #38adff solid; cursor: pointer;}

.inf_pzhi_m p{ width:auto; height:60px; background:#38adff;padding:10px; color:#fff; margin-top:10px; font-size:14px; line-height:18px;}

.inf_pzhi_m p span{ font-size:35px; float:left; height:60px; line-height:60px; margin-right:10px; width:60px; background:#fff;border-radius:30px; text-align:center; color:#38adff;}



.inf_pzhi_m:hover p{ background:#f18e00;}

.inf_pzhi_m:hover p span{ color:#f18e00;}



.pwzhi1{left:50px; top:60px; }

.pwzhi2{left:0px; top:260px; }

.pwzhi3{left:340px; bottom:60px; }

.pwzhi4{right:0px; top:260px; }

.pwzhi5{right:50px; top:60px; }



.xian1{ width:70px; height:84px; position:absolute; left:440px; top:150px;}

.xian2{ width:70px; height:84px; position:absolute; left:630px; top:150px;}

.xian3{ width:74px; height:1px; position:absolute; left:390px; top:350px; background:#38adff;}

.xian4{ width:74px; height:1px; position:absolute; left:676px; top:350px; background:#38adff;}

.xian5{ width:1px; height:64px; position:absolute; left:570px; top:435px; background:#38adff;}



.inf_hb{ width:1140px; height:auto; color:#777; font-size:14px; line-height:28px; position:relative; }

.inf_hb_tit{ width:1140px; height:50px; line-height:50px; font-size:20px; color:#222; margin-top:20px; color:#38adff; font-weight:700;}

.inf_hb_con{ width:1140px; height:auto;}

.inf_hb_con img{ border:1px #ddd solid; float:left; margin-right:15px; padding:10px;}

.inf_hb_con p{ font-size:15px; text-indent:2em;}

.inf_gd{overflow:hidden;height:125px;width:1084px;color:#ff0000; margin:0 auto; background:url(../images/hb/jj.jpg) repeat-x; border-left:5px #000 solid; border-right:5px #000 solid; padding:23px;}

.inf_gd img{ margin:0; padding:0px; height:125px; border-right:2px #000 solid; border-left:2px #000 solid;}

.inf_hb_com{ width:1140px; height:auto;}

.inf_hb_com h3{ font-size:16px; line-height:38px; font-weight:100;}



.info_picy{ width:1140px; color:#777; height:auto;}



.info_picy1{ width:449px; height:230px; float:left; text-align:center;}

.pic_width{ width:100%; height:194px; overflow:hidden;}

.pic_width img{ width:100%; height:194px; -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;

	}

.pic_width:hover img{

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.info_picy2{ width:426px; height:230px; float:left; text-align:center;}

.info_picy3{ width:262px; height:230px; float:left; text-align:center;}



.inf_log{ width:1140px; color:#777; height:auto; min-height:300px !important; font-size:14px; line-height:28px;}

.inf_log h2{ color:#555; line-height:65px; text-align:center; font-family:宋体; font-weight:700; font-size:25px; }

.inf_log ul li{ width:213px; height:180px; float:left; text-align:center; margin:15px 20px; padding:30px 15px; box-shadow:0px 0px 6px #999; font-size:16px;}

.inf_log ul li em{ font-size:18px; line-height:30px; color:#38adff; display:block;}

.inf_log ul li span{ font-size:14px; line-height:23px;}

.inf_log ul li img{ width:98px; height:98px;-webkit-transition: all .6s; margin-bottom:15px;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;}

.inf_log ul li:hover img{

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}



.inf_chng{ width:1060px; height:280px; color:#777; font-size:14px; line-height:28px; position:relative; padding:20px 40px;}

.inf_chng h2{ color:#555; line-height:65px; text-align:center; font-family:宋体; font-weight:700; font-size:25px; }

.inf_chng img{ float:left; margin-right:20px;}

.inf_chng p{ text-indent:2em; font-size:16px; line-height:32px; padding-top:0px;}



.banytit{ width:810px; height:auto; margin:0 auto; padding-top:160px; padding-left:390px;}

.banytit_con{ color:#fff; font-size:30px; line-height:50px; text-align:center; width:421px; height:50px; background:url(../images/bgs.png);}

.banytit{

-webkit-animation-name: rightfade;

animation-name: rightfade;

animation-duration:1s;	

-webkit-animation-duration: 1s;

animation-timing-function: ease;	

-webkit-animation-timing-function: ease;

-webkit-animation-fill-mode: forwards;	

animation-fill-mode: forwards;

}

.banytit .animation .banytit_con{

-webkit-animation-name: rightfade;

animation-name: rightfade;

animation-duration:1s;	

-webkit-animation-duration: 1s;

animation-timing-function: ease;	

-webkit-animation-timing-function: ease;

-webkit-animation-fill-mode: forwards;	

animation-fill-mode: forwards;

}