﻿*{margin:0px;padding:0px;list-style:none;text-decoration:none;font-family:Microsoft YaHei;font-size:14px;}
body{background:#fff;margin:0px;padding:0px;list-style:none;text-decoration:none;font-familiy:Microsoft YaHei;}

.clear{ clear:both; height:0px; width:100%; margin:0; padding:0;}
img { border:0; }
ul, li { list-style-type:none; }
body{font-size:12px; background:url(bg_01.jpg) repeat #fff; font-family:"微软雅黑";}
p{ color:#000;}
a{text-decoration:none; color:#000;}
A:link{text-decoration:none; color:#000;}
A:visited{text-decoration:none; color:#000;}
A:hover{text-decoration:none; color:#0157a4;}



#wrap{width:100%;height:auto;}

/* logo+nav */
#nav{width:100%;height:84px;background:#fff;}
.nav{width:1200px;height:84px;margin:0 auto;border:1px solid #fff;position:relative;}
.nav img{position:absolute;top:0px;z-index:1;}
.nav ul{width:820px;height:50px;margin-top:20px;margin-left:380px;}
.nav ul li{width:95px;height:50px;text-align:center;line-height:50px;float:left;margin-left:20px;padding-bottom: 14px;}
.nav ul li a{color:#000}
.nav ul li a:hover{color:#01AFD6}

/* banner */
.main {margin: 0px auto 0px auto;width: 100%;}
.pro-switch {/* height: 640px; */overflow: hidden;position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}

* html .slides {height: 640px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}


.flex-control-nav {width: 100%;position: absolute;text-align: center;left:0;bottom: 10px;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}
/* 代码整理：懒人之家 lanrenzhijia.com */

/* product */
.pro{width:1200px;height:635px;margin:0 auto;}
.xian{width:100%;height:2px;background:#E5E5E5;position:absolute;top:642px;z-index:-1;}
.sub ul{width:720px;height:30px;background:#EEEEEE;margin:0 auto;}
.sub ul li{height:30px;text-align:center;line-height:30px;float:left;margin-left:40px;}

.cp{width:1200px;height:385px;margin-top:30px;}
.cp ul{background:none;width:1200px;height:375px;margin:0px}
#demo li{width:274px;height:375px;border:3px solid #BADFE3;float:left;padding:5px;margin-left:10px;}
#demo li:hover{border:3px solid #94C72C;}




/* NEWS */

/*.news{width:100%;height:776px;position:relative;background:url(../images/new.png) no-repeat;background-size:100% 776px;}*/

/*.more{width:58px;height:58px;background:url(../images/more.png) no-repeat;position:absolute;top:0px;left:48.5%;}*/
/*.xian1{width:100%;height:2px;background:#484848;position:absolute;top:203px;z-index:-1}*/


/*.new{width:1200px;height:520px;margin:0 auto;padding-top:95px;}*/

/*.focus{width:480px;height:335px;float:left;}*/

/* focus */


/* 选项卡 */
.xuan{width:680px;height:335px;float:right;position:relative}
.xuan li{width:95px;height:87px;border:2px solid #5A5A5A;border-radius:50%;text-align:center;line-height:40px;font-size:22px;color:#545454;padding-top:8px;margin-top:16px;cursor:pointer;position:relative;z-index:100}
.xuan li:hover{border:2px solid #fff;color:#fff}

.s{width:600px;height:334px;position:absolute;background:url(../images/s.png);top:0px;left:60px;}
.s li{width:500px;height:35px;border-radius:0px;line-height:35px;text-align:left;margin-left:85px;border:none;border-bottom:1px solid #7A7A7A}
.s li a{color:#fff}
.s li a span{float:right}
.s li:hover{border:none;border-bottom:1px solid #03B0D8}
.s li:hover a{color:#03B0D8}

.z{width:600px;height:334px;position:absolute;background:url(../images/z.png);top:-115px;left:60px;display:none}
.z li{width:500px;height:35px;border-radius:0px;line-height:35px;text-align:left;margin-left:85px;border:none;border-bottom:1px solid #7A7A7A}
.z li a{color:#fff}
.z li a span{float:right}
.z li:hover{border:none;border-bottom:1px solid #03B0D8;}
.z li:hover a{color:#03B0D8}
.xian-z:hover .z{display:block}


.x{width:600px;height:334px;position:absolute;background:url(../images/x.png);top:-230px;left:60px;display:none}
.x li{width:500px;height:35px;border-radius:0px;line-height:35px;text-align:left;margin-left:85px;border:none;border-bottom:1px solid #7A7A7A}
.x li a{color:#fff}
.x li a span{float:right}
.x li:hover{border:none;border-bottom:1px solid #03B0D8;}
.x li:hover a{color:#03B0D8}
.xian-x:hover .x{display:block}

.more1{width:58px;height:58px;background:url(../images/more.png) no-repeat;position:absolute;bottom:30px;left:48.5%;}



/* contact */
.contact{width:1200px;height:600px;margin:0 auto;background:url(../images/cont.jpg) no-repeat;margin-top:20px;}

.jie{width:373px;height:518px;background:#F29700;margin:35px 428px;}
.jie h1{text-align:center;font-size:22px;color:#fff;padding-top:40px;}
.num{width:300px;height:40px;background:#fff;border-radius:20px;text-align:center;font-size:18px;margin:0 auto;line-height:40px;color:#F29700;margin-top:20px;}
.jie p{padding:20px 40px 40px 40px;letter-spacing:2px;line-height:28px;color:#fff;}

.gengduo{width:100px;height:30px;border:2px solid #fff;margin:0 auto;text-align:center;line-height:30px;}
.gengduo a{color:#fff}
.gengduo a:hover{color:#01AFD6}



/* footer */
#footer{width:100%;height:65px;background:#2D2D2D}
.footer{width:1200px;height:65px;text-align:center;margin:0 auto;line-height:65px;color:#fff}



/* 内页 */
.ny_content{ width:1200px; height:auto; display:table; margin:0 auto; margin-top:30px;margin-bottom:30px;}

/* 内页 left */
.ny_left{ width:230px; height:auto; display:table; float:left; overflow:hidden;}
.ny_left_list{ width:230px; height:auto; display:table;}
.ny_left_title{ width:230px; height:85px; background:#01AFD6;}
.ny_left_title h2{ font-size:28px; color:#fff; text-indent:0px; width:auto; height:auto; display:table; padding-top:10px; font-weight:normal; letter-spacing:3px;}
.ny_left_title h3{ font-size:22px; color:#fff; text-indent:0px; width:auto; height:auto; display:table; padding-top:0px; font-weight:normal; letter-spacing:1px; font-family:Georgia, "Times New Roman", Times, serif;}
.ny_left_title h5{ font-size:70px; color:#fff; text-indent:20px; width:auto; height:70px; float:left; display:table; padding-top:2px; font-weight:normal; letter-spacing:1px; font-family:Georgia, "Times New Roman", Times, serif; padding-right:2px;}
.ny_left_list_body{ width:230px; height:auto; display:table;}
.ny_left_list_body ul li{width:230px;height:34px;display:block;line-height:32px;text-indent: 1em;margin-top:5px;border:1px solid #eee;}
.ny_left_list_body ul li a span{ float:right; margin-right:20px; color:#aaa; font-size:14px; font-family:"宋体"；}
.ny_left_list_body ul li a{width:228px;height:32px;display:block;background:#fafafa;border:1px solid #eee;font-size:14px;/* letter-spacing:1px; */}
.ny_left_list_body ul li a:hover{ background:#e1f1ff; border:1px solid #c3e1fb; color:#0157a4;}
.ny_left_list_body ul li a:hover span{ color:#0157a4;}

.ny_left_news{ width:230px; height:auto; display:table; margin-top:20px;}
.ny_left_news_body{ width:230px; height:auto; display:table; overflow:hidden; margin-top:10px;}
.ny_left_news_body ul li{ width:230px; height:26px; line-height:26px; font-size:14px;border-bottom:1px dashed #ccc}
.ny_left_news_body ul li span{ font-size:10px; color:#0157a4; margin-right:5px;}

.ny_left_contact{ width:230px; height:auto; display:table; margin-top:20px;}
.ny_left_contact_body{ width:220px; height:auto; display:table; overflow:hidden; margin-top:5px; padding-left:5px;}
.ny_left_contact_body h2{ font-size:14px; line-height:23px;}
.ny_left_contact_body h3{ font-size:20px; line-height:33px;}
.ny_left_contact_body p{ font-size:14px; line-height:23px;}
/* 内页 left end */

/* 内页 right */
.ny_right{ width:930px; height:auto; display:table; float:right; overflow:hidden;}
.ny_right_title{ width:930px; height:36px; border-bottom:3px solid #01AFD6; }
.ny_right_title a{ width:auto; height:36px; display:block; float:left; background:#01AFD6; padding:0 10px; line-height:36px; color:#FFF; font-size:14px; }
.ny_right_title span{ width:auto; height:36px; display:block; float:left; background:#01AFD6; line-height:36px; color:#FFF;}
.ny_right_title a:hover{ color:#F96;}
.ny_right_body{ width:930px; height:auto; display:table; margin-top:20px;}

/* 内页 right 简介 */
.ny_right_body .ny_jianjie{ width:930px; height:auto; display:table; overflow:hidden;}
.ny_right_body .ny_jianjie h2{ width:930px; height:52px; line-height:50px; font-size:22px; letter-spacing:1px; text-align:center;}
.ny_right_body .ny_jianjie p{ line-height:26px; text-indent:28px; font-size:14px; width:930px; overflow:hidden;}
.ny_right_body .ny_jianjie p img{ max-width:100%; height:auto; display:table; text-align:center;}

/* 内页 right 产品 */
.ny_right_body .ny_product_index{ width:930px; height:auto; display:table;}
.ny_right_body .ny_product_index ul li{width:31%;height:auto;display:table;float:left;margin-left:1%; margin-right:1%;margin-bottom:5px;text-align: center;overflow: hidden; border: 0.2px solid #F0F0F0; }
.ny_right_body .ny_product_index ul li a{ height:auto; display:block;}
.ny_right_body .ny_product_index ul li a img{width:100%;/* border:1px solid #ccc; */}
.ny_right_body .ny_product_index ul li a h3{ width:auto; height:36px; line-height:26px; display:block; float:left; text-indent:5px;}
.ny_right_body .ny_product_index ul li a p{width:auto;height:36px;line-height:26px;display:block;/* float:left; */font-size:14px;text-align: center;}
.ny_right_body .ny_product_index ul li a:hover p{ color:#0157a4;}

.ny_right_body .ny_product_view{ width:930px; height:auto; display:table;}
.ny_right_body .ny_product_view .ny_product_view_img h2{ width:930px; height:52px; line-height:50px; font-size:22px; letter-spacing:1px; text-align:center;}
.ny_right_body .ny_product_view .ny_product_view_img{ text-align:center;}
.ny_right_body .ny_product_view .ny_product_view_img img{ max-width:100%; width:auto; height:auto; text-align:center; margin:0 auto;}
.ny_product_view_body{ width:930px; height:auto; display:table;}
.ny_product_view_body h3{ font-size:16px; font-weight:bold; line-height:36px;}
.ny_product_view_body p{ text-indent:28px; line-height:26px; font-size:14px;}


/* 内页 right 新闻 */
.ny_right_body .ny_news_index{ width:930px; height:auto; display:table;}
.ny_right_body .ny_news_index ul li{ width:930px; height:36px; line-height:36px; border-bottom:1px dashed #ccc; background:url(../images/news_arrow.gif) no-repeat 6px 15px; text-indent:20px; font-size:14px;}
.ny_right_body .ny_news_index ul li a{ width:930px; height:36px; display:block;}
.ny_right_body .ny_news_index ul li a span{ float:right; margin-right:6px;}

.ny_right_body .ny_news_view{ width:930px; height:auto; display:table;}
.ny_right_body .ny_news_view h2{ font-size:16px; font-weight:bold; line-height:39px;}
.ny_right_body .ny_news_view h5{ font-size:14px; font-weight:normal; width:930px; line-height:26px; height:36px; display:block; border-bottom:1px solid #ddd; color:#999; margin-bottom:10px;}
.ny_right_body .ny_news_view h5 a{ color:#999;}
.ny_right_body .ny_news_view h5 span{ float:right;}
.ny_right_body .ny_news_view h5 a:hover{ color:#0157a4;}
.ny_right_body .ny_news_view p{ font-size:14px; text-indent:28px; line-height:28px;}


/* 内页 right 联系 */






/* 内页 right end */
/* 内页end */
.nav ul li{position: relative}
.nav ul .second{display:none;position: absolute;width: 140%;margin: 0;background: white;z-index: 99;left: -20%;height: auto;margin-top: 14px;}
.nav ul .second li{width: 100%;padding: 0;margin: 0;}
.nav li:hover ul{display: block}
.nav ul li ul:hover ul{display: block}