@charset "utf-8";
img{ border:none;}
*{ margin:0px; padding:0px;}
li{ list-style:none; transition: all 0.3s linear 0s; }
.clr{ width:0px; height:0px; clear:both; overflow:hidden;}
a{ text-decoration:none; border:0; color:#555; transition: all 0.3s linear 0s;}
body{ font-family:Microsoft Yahei,SimSun,Helvetica; color:#555;}
.wrap{ width:1200px; height:auto; margin:0 auto;}
.op5{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.op8{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
body ::selection {color:#fff;background-color:#f90;}
body ::-moz-selection {color:#fff;background-color:#f90;}





.header .ztop{ width:100%;}
.header .ztop .h{ height:100px; position:relative; }
.header .ztop .logo{ left:0; top:25px; z-index:3; position:absolute;}
.header .ztop .ts{ height:48px; right:0; top:9px; font-size:16px; line-height:48px; color:#555;  position:absolute;}
.header .ztop .ts img{ vertical-align:text-bottom;}
.header .ztop .ts span{ margin-left:50px; float:left;}
.header .ztop .nav{ width:100%; height:68px; left:0; top:22px; z-index:2; position:absolute;}
.header .ztop .nav ul{ float:right;}
.header .ztop .nav ul li{ width:100px; padding:12px 0 0; height:56px; text-align:center; float:left; background:center bottom no-repeat; transition: all 0.3s linear 0s;}
.header .ztop .nav ul li a{width:100%; height:100%; display:block; float:left;}
.header .ztop .nav ul li .p1{ font-size:18px; color:#555;}
.header .ztop .nav ul li .p2{ font-size:12px; color:#c6c6c6;}
.header .ztop .nav ul li:hover{ background: url(../images/t_i3.jpg) center bottom no-repeat;}
.header .ztop .nav ul li:hover .p1{ color:#008bab;}
.header .ztop .nav ul li:hover .navbox{ height:295px;}
.header .ztop .nav ul li:hover .navbox2{ height:385px;}
.header .ztop .navbox{ width:100%; height:0; background:url(../images/t_xlbg1.png); top:78px; left:0; z-index:5; position:absolute; overflow:hidden; transition: all 0.3s linear 0s;}
.header .ztop .navbox .i{ width:530px; height:auto; margin-top:15px; float:left;}
.header .ztop .navbox .z{ width:670px; height:auto; padding-top:30px; float:left;}
.header .ztop .navbox .z .bt{ width:100%; height:auto; font-size:18px; color:#008bab; text-align:left; float:left;}
.header .ztop .navbox .z .bt b{ font-size:24px; font-weight:normal;}
.header .ztop .navbox .z .zw{ width:100%; height:auto; margin-top:35px; font-size:18px; color:#008bab; float:left;}
.header .ztop .navbox .z .zw a{ width:166px; height:24px; margin:0 42px 25px 0; background:#008bab;text-align:center; line-height:24px; font-size:16px; font-weight:bold; color:#fff; float:left; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.header .ztop .navbox2{ width:100%; height:0; background:url(../images/t_xlbg1.png); top:68px; left:0; z-index:5; position:absolute; overflow:hidden; transition: all 0.3s linear 0s;}
.header .ztop .navbox2 .i{  width:530px; height:auto; margin-top:53px; float:left;}
.header .ztop .navbox2 .z{ width:670px; height:auto; padding-top:30px; float:left;}
.header .ztop .navbox2 .z .bt{ width:100%; height:auto; font-size:18px; color:#008bab; text-align:left; float:left;}
.header .ztop .navbox2 .z .bt b{ font-size:24px; font-weight:normal;}
.header .ztop .navbox2 .z .zw{ width:100%; height:auto; margin-top:35px; float:left;}
.header .ztop .navbox2 span{ width:100%; height:auto; margin-bottom:10px; font-size:16px; line-height:24px; float:left;}
.header .ztop .navbox2 span .p1{ width:96px; height:100%; margin-right:10px;  float:left;}
.header .ztop .navbox2 span .p1 a{ width:96px; height:24px; background:#008bab;text-align:center; line-height:24px; font-size:16px; font-weight:bold; color:#fff; float:left; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.header .ztop .navbox2 span .p2{ width:564px; height:auto; float:left;}
.header .ztop .navbox2 span .k{ width:94px; font-size:14px; color:#555; text-align:center; float:left;}


.banner{ width:100%; height:480px; position:relative; background: url(../images/banner_chkf.jpg) center no-repeat; }
.banner .bg{ width:100%; height:5px; z-index:3; top:0; left:0; background:url(../images/t_i4.png) 0 repeat-x; position:absolute;}
.tl-banner .bg{ width:100%; height:5px; z-index:3; top:0; left:0; background:url(/templets/default/shouye/images/t_i4.png) 0 repeat-x; position:absolute;}
.tl-banner{position:relative;}
.banner .flex-control-nav{ display:none;}
.banner .slides li{ height:500px;}
.banner .slides li a{ width:100%; height:500px; display:block;}

.nbanner{ width:100%; height:360px; background: url(../images/nbanner.jpg) center no-repeat; position:relative; float:left;}
.nbanner .bg{ width:100%; height:5px; z-index:3; top:0; left:0; background:url(../images/t_i4.png) 0 repeat-x; position:absolute;}


.flexslider{position:relative;height:auto;}
.slides{height:500px; position:relative;z-index:1;}
.flex-control-nav{position:absolute;bottom:45px;z-index:2;width:100%;  text-align:center; }
.flex-control-nav li{display:inline-block;width:42px;height:5px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:42px;height:5px; overflow:hidden; background:#008bab;cursor:pointer;}
.flex-control-nav .flex-active{background:#fd6b16;}
.flex-direction-nav{position:absolute;z-index:2;width:100%;top:40%;}
.flex-direction-nav li a{display:block;width:56px;height:88px;overflow:hidden;cursor:pointer;position:absolute; }
.flex-direction-nav li a.flex-prev{left:20px;background:url(/img/l.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px;background:url(/img/r.png) center center no-repeat;}

.index .n1{ width:100%; height:auto; padding:70px 0; float:left;}
.index .n1 .z{ height:210px; position:relative; float:left; overflow:hidden; transition: all 0.3s linear 0s;}
.index .n1 .z .i{ width:100%; height:210px; left:0; top:0; z-index:-1; position:absolute;}
.index .n1 .video{ width:600px; height:420px; float:left;}
.index .n1 .z1{ width:600px;}
.index .n1 .z2{ width:300px;}
.index .n1 .c{ width:94%; height:210px; padding:0 3%; position:relative; text-align:center;  float:left; transition: all 0.5s linear 0s;}
.index .n1 .c2 .p1{ width:100%; height:auto; font-size:24px; font-weight:bold; color:#fff; float:left;}
.index .n1 .c2 .p1 a{ font-size:24px; font-weight:bold; color:#fff;}
.index .n1 .c2 .p2{ width:100%; height:auto; font-size:16px; color:#fff; margin:20px 0 0; float:left;}
.index .n1 .c2 .p2 a{ font-size:16px; color:#fff; font-weight:normal; line-height:2em;}
.index .n1 .z1 .p2 a{ width:25%; text-align:center; float:left;}
.index .n1 .z2 .p2 a{ width:50%; text-align:center; float:left;}
.index .n1 .c .bg{ width:100%; height:210px; left:0; z-index:1; position:absolute; }
.index .n1 .c .zw{ width:100%; height:auto; left:0; top:45px; z-index:2; position:absolute; }
.index .n1 .c .zw p{ font-size:24px; font-weight:bold; color:#fff; }
.index .n1 .c2 .zw{top:30px;}
.index .n1 .c1 .bg{ background:#888; top:0px;}
.index .n1 .c2 .bg{ background:#af7b43; top:0px;}
.index .n1 .tx:hover .c1{ margin-top:0;}

.index .xbanner{ width:100%; height:300px; background:url(../images/xbannerb.png); position:relative; float:left;}
.index .xbanner .bg{ width:100%; height:300px; background:url(../images/xbanner.jpg) center 0 fixed; background-size:100%; z-index:-1;  position:absolute;}
.index .xbanner .zw{ width:780px; height:335px; padding:65px 210px 0; text-align:center; float:left;}
.index .xbanner .zw p{ padding-top:45px; font-size:16px; color:#fff; line-height:2em;}

.index .t{ width:100%; height:50px; position:relative; margin-top:50px;  float:left;}
.index .t p{left:0; bottom:0; font-size:26px; color:#707070; position:absolute;}
.index .t p b{ font-size:30px; font-weight:normal; color:#333;}
.index .t a{ right:0; bottom:0; position:absolute; display:none;}
.index .zj .b{ width:1200px; height:auto; margin-top:50px; overflow:hidden; position:relative; float:left;}
.index .zj .b .vbox{ width:1220px; height:auto; float:left;}
.index .zj .b li{ width:285px; height:390px; position:relative; margin-right:20px; background:#DCDCDC; float:left;}
.index .zj .b li img{ width:285px; height:390px; left:0; bottom:0; z-index:1; position:absolute;}
.index .zj .b li span{ width:90%; height:48px; padding:10px 5%; line-height:24px; background:#707070; left:0; bottom:-68px; z-index:2; color:#fff; position:absolute;transition: all 0.3s linear 0s;}
.index .zj .b li .p3{ width:100px; height:68px; text-align:center; line-height:58px; background:url(/img/zj_b.png); right:5px; bottom:-90px; position:absolute; transition: all 0.3s linear 0s;}
.index .zj .b li:hover span{ bottom:0;}
.index .zj .b li:hover .p3{ bottom:33px;}
.index .zj .b .jt{ width:100%; height:auto; top:50%; margin-top:-31px; left:0; z-index:2; position:absolute;}
.index .zj .b .jt span{ width:62px; height:63px; background:url(/img/i_zjjt.png) no-repeat;}
.index .zj .b .jt #gdl{ float:left;}
.index .zj .b .jt #gdr{ float:right; background-position:0 -63px;}


.index .js .b{ width:1200px; height:auto; margin-top:50px;  float:left;}
.index .js .b ul{ width:1212px; height:auto; overflow:hidden; float:left;}
.index .js .b li{ height:280px; margin:0 12px 12px 0; position:relative; overflow:hidden; line-height:48px; float:left;}
.index .js .b .z1{ width:594px;}
.index .js .b .z2{ width:291px;}
.index .js .b .z3{ width:291px; background:#F8F5EE;}
.index .js .b .z3 .more{ width:150px; height:45px; text-align:center; line-height:45px; font-size:20px; color:#fff; background:#008bab; left:70px; top:117px; position:absolute; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.index .js .b li img{ float:left;}
.index .js .b li span{ width:100%; height:94px; text-align:center; padding:93px 0; font-size:36px; color:#fff; background:url(../images/i_jsb.png) center no-repeat; left:0; top:-280px; position:absolute; transition: all 0.5s linear 0s;}
.index .js .b .on span{ top:0;}
.index .js .b li .p1{ font-size:36px; color:#fff; font-weight:100;}
.index .js .b li .p2{ font-size:36px; color:#fff; font-weight:bold;}
.index .js .b .z2 .p1{ font-size:24px;}
.index .js .b .z2 .p2{ font-size:30px;}
.index .js .b li .p3{ font-size:36px; color:#fff; font-weight:bold; margin-top:20px;}


.index .n2{ width:100%; height:720px;margin-top:50px; float:left; background:url(../images/i_n2b.jpg)}
.index .n2 .z{ width:100%; height:500px; margin:84px 0 0; overflow:hidden;  float:left;}
.index .n2 .hj img{ width:1200px; height:400px; float:left; overflow:hidden; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; overflow:hidden;}
.index .n2 .hj p{ width:90%; height:auto; padding:25px 5%; background:rgba(51, 51, 51, 0.60); bottom:0; left:0; font-size:18px; color:#fff;  line-height:1.8em; position:absolute; border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; overflow:hidden;}
.index .n2 .qh{ width:100%; height:auto; overflow:hidden; float:left;}
.index .n2 .qh .vbox{ width:360px; height:auto; margin:0 auto;}
.index .n2 .qh a{ width:360px; margin-right:60px; height:63px; background:#008bab; text-align:center; line-height:63px; font-size:24px; color:#fff; float:left;}
.index .n2 .qh .on{ background:#008bab;}
.index .n2 .ry .i{ width:1200px; height:auto; float:left;}
.index .n2 .news ul{ width:1252px; height:auto; float:left;}
.index .n2 .news ul li{ width:261px; height:196px; margin:0 52px 40px 0; position:relative; float:left;}
.index .n2 .news ul li img{ width:261px; height:196px; float:left;}
.index .n2 .news ul li p{ width:90%; height:auto; padding:10px 5%; text-align:justify; background:url(../images/i_hjb.png); bottom:0; left:0;  line-height:1.8em; position:absolute; font-size:16px; color:#fff;}


.in_foot{width:100%; height:380px; margin:auto; background: url(../images/foot_bg.gif) repeat-x left top #008aab; overflow:hidden; margin-top: 35px;}
.in_foota{width:990px; height:380px; margin:auto; position:relative;}
.in_foota p.copyright{width:475px; height:54px; line-height:54px; font-size:14px; color:#FFFFFF; position:absolute; top:0; left:0;}
.in_foota .link_btn{width:90px; height:30px; background-color:#C03427; color:#fff; font-size:13px; position:absolute; top:12px; left:480px; text-align:center; line-height:30px; cursor:pointer; z-index:1;}
.in_foota ul.foot_list{ display:block; width:168px; height:52px; position:absolute; top:0; right:0;}
.in_foota ul.foot_list li{ width:42px; height:52px; position:relative; float:left; cursor:pointer; overflow:hidden;}
.in_foota ul.foot_list li img{ display:block; position:absolute; top:0; left:0;}

			.in_foot{ height:380px !important;}
			.in_foota{ height:380px !important;}
            	.foots{ width:100%; margin:0 auto; background:url(../images/backs.jpg) center no-repeat; background-size:contain;/*padding-bottom:12%;    padding-top:4%;*/height:520px; position:absolute;top:100px;}
.foots .fools{ width:500px; margin:0 auto; overflow:hidden;}
.foots .fools .left1{ float:left;width:298px; }
.foots .fools .left1 .ewm-box{ width:180px; height:180px; text-align:center; margin:0 auto}
.foots .fools .left1 .ewm-box img{ width:100%; height:auto;}
.foots .fools .left1 .logo1{ margin:0 auto; margin-top:10px; text-align:center}
.foots .fools .left1 p{ text-align:center; font-size:16px; line-height:26px; }

.foots .fools ul{ float:right;}
.foots .fools ul li{ overflow:hidden; margin-top:4%}
.foots .fools ul li span{ float:left; margin-top:2%}
.foots .fools ul li p{ float:left; margin-left:10px;font-size:14px; line-height:26px; color:#fff; text-align:left }
.foots .fools ul li:first-child{ margin-top:0px;}