@charset "utf-8";

/* CSS Document */
.fl{ float:left}

.fr{ float:right}

.blank{ height:40px; line-height:40px; clear:both;}



.i_about h1{ text-align:center; line-height:72px; color:#0187a0; font-size:200%; font-weight:500; padding-bottom:32px;}

.i_about p{ line-height:28px; font-size:16px; color:#000000}

.i_about .pic{ text-align:center; padding-top:30px;}

.i_about { padding-bottom:58px;}
.pic img{ width:60% !important; }

.i_about .more{ width:154px; height:42px; line-height:42px; text-align:center; display:block; background:#0187a0; color:#FFF; border-radius:28px; margin:auto; margin-top:30px}



.i_product_box{ height:auto !important; overflow:hidden; background:#F7F7F7;}

.index_title{ height:100px; background:url(../images/index_title1.jpg) center no-repeat; line-height:90px; text-align:center; font-size:200%;}

.i_product_box .hd{ height:120px;}

.i_product_box .hd li{ width:168px; height:56px; line-height:56px; text-align:center; float:left; margin-right:4px; background:#E3E3E3;}

.i_product_box .hd li:last-child{ margin-right:0px;}

.i_product_box .hd li.on{ background:#0187a0; color:#FFF}

.i_product_box .bd .pbox{ width:396px; height:400px; float:left;background:#FFF; margin-right:4px; position:relative; overflow:hidden; margin-bottom:26px;}

.i_product_box .bd .pbox img.pic{ width:100%; height:270px;}

.i_product_box .bd .pbox .title{ height:90px; text-align:center; position:absolute; width:100%; left:0; bottom:0; font-size:20px; z-index:1}

.i_product_box .bd .pbox .title a{ color:#000; font-size:20px;}

.i_product_box .bd .pbox .detail{ width:364px; padding-left:16px; padding-right:16px; background:#0187a0; color:#FFF; padding-top:13px; height:100px; position:absolute; bottom:-222px; left:0; z-index:9}

.i_product_box .bd .pbox .detail a{ color:#FFF;}

.i_product_box .bd .pbox .detail h3{ line-height:40px;}

.i_product_box .bd .pbox .detail p{ line-height:24px; font-size:13px}

.i_product_box .bd .pbox .detail a p{ font-size:14px}



.index_title2{ text-align:center} 



.youshi{ text-align:center;}



.zixunbox{ height:261px; background:url(../images/zixun.jpg) center no-repeat;}

.zixunbox .tel{ width:462px; float:right; padding-top:106px; font-size:220%; color:#FFF}



.index_title3{ height:62px; position:relative; text-align:center; font-size:200%; }

.index_title3:after{ width:57px; height:4px; position:absolute; bottom:0; z-index:1; left:50%; margin-left:-28px; content:""; background:#0187a0}



.indexnews{ width:596px; float:left;}



.first_box{ height:301px; background:#F5F5F5; padding:0px 20px;}

.first_box h2{ line-height:70px; font-weight:normal}

.news_text{ height:auto !important; overflow:hidden;}

.news_text img{ float:left; width:286px; height:202px; margin-right:22px;}

.news_text_1 { width:248px; height:188px; float:left; position:relative;}

.news_text_1 h3{ line-height:40px; font-weight:normal; color:#797979}

.news_text_1  a h3{ color:#797979; font-size:16px;}

.news_text_1  a p{ font-size:13px; padding-top:6px; line-height:22px; color:#797979;}

.news_text_1  a.more{ width:116px; height:30px; line-height:30px; text-align:center; color:#FFF; position:absolute; bottom:0; left:57px; background:#707070; display:block;}

.indexnews ul{ padding-top:7px;}

.indexnews ul li{ line-height:39px; padding-left:5px; padding-right:20px; border-bottom:1px solid #F5F5F5;color:#707070}

.indexnews ul li:last-child{ border-bottom:0px;}

.indexnews ul li a{ font-size:14px; color:#707070}

.indexnews ul li span{ float:right}

.index_title.white{ background:url(../images/index_title3.jpg) center no-repeat}

.i_list_case ul{ position:relative; margin-left:-5px; padding-top:45px;}

.i_list_case li{ width:396px; height:336px; float:left; margin-left:5px;}

.i_list_case li img{ display:block; height:276px; width:100%;}


.i_list_case li p{ display:block; line-height:44px; height:60px; background:#F9F9F9; padding-left:12px; }

.i_list_case li a p{ color:#44496D; font-size:14px; font-weight:bold; font-size:15px}



.huoban_box{ height:403px; background:#F9F9F9; padding-top:60px;}

.index_title4{ height:100px; background:url(../images/index_title4.jpg) center no-repeat;}

.i_list_hb ul{ margin-left:-3px; position:relative; padding-top:20px}

.i_list_hb li{ width:298px; height:162px; background:#FFF; float:left; margin-left:2px; overflow:hidden; text-align:center;}

.i_contact_box{ height:343px; background:url(../images/icontact_bg.png) center no-repeat;}

.contact_box{ width:520px; margin:0 auto; height:auto !important; overflow:hidden;}

.contact_box h1{ text-align:center; font-size:200%; color:#FFF; line-height:78px; letter-spacing:3px; height:89px} 

.contact_box h2{ line-height:83px; text-align:center; font-size:200%; color:#000; font-weight:normal}

.contact_box p{ padding-top:30px; line-height:36px; color:#FFF; font-size:18px;text-align:center;}



/********/

.contenter{ clear:both; margin-top:40px;}

.c_left{ width:240px; float:left;}

.c_left h2{ height:70px; text-align:center; line-height:70px; background:#0187a0; color:#FFF; letter-spacing:2px}

.c_left ul li{ height:60px; text-align:center; line-height:60px; margin-top:5px; background:#EEEEEE;}

.c_left ul li a{ font-size:16px; color:#000;}

.c_left ul li.on,.c_left ul li:hover{ background:#0187a0;}

.c_left ul li.on a,.c_left ul li:hover a{ color:#FFF}

.left_contact{ margin-top:30px;}

.left_contact img{ width:100%}

.hot_line{ height:50px; background:#0187a0 url(../images/left_hottelbg.jpg) no-repeat; padding-top:67px; text-align:center; color:#FFF; font-size:180%}

.left_con_text{ width:238px; height:197px; border:1px dashed #f5f6f6; padding-top:5px;}

.left_con_text h3{ line-height:44px; font-size:120%; color:#0187a0; text-align:center}

.left_con_text  p{ line-height:28px; font-size:14px; color:#646464; padding-left:16px; padding-right:5px}



.c_right{ width:100%; display: inline-block; }
.contentershooe img{ width: 100%; height: auto;}
.contentershooe span{ line-height: 40px;}
.contentershooe>div{ line-height: 30px;}
.contentershooe p{ line-height: 30px;}
.c_right .menu{ height:52px; position:relative; font-size:30px; color:#4C4C4C; letter-spacing:5px; font-weight:normal; text-align: center; }

.c_right .menu:after{ width:81px; height:1px; position:absolute; bottom:0; left:46%; z-index:9; content:""; background:#4C4C4C;}

.c_right .menu span{ float:right; font-size:13px; line-height:32px; letter-spacing:2px;}

.c_right .menu span a{ font-size:13px; color:#4C4C4C; }

.c_right .title{ padding-top:44px; text-align:center; line-height:42px; font-size:150%; color:#0187a0}

.c_right .ftitle{ line-height:26px; font-size:15px; font-weight:normal; text-align:center;}

.c_right .ftitle a{ font-size:15px; color:#000}

.show_content{ line-height:36px; font-size:18px; color:#5D5D5D; padding-top:30px; padding-bottom:30px; height:auto !important; overflow:hidden;}



/* ul.list_case{ padding-top:20px;} */

ul.list_case li{height:175px; position:relative; padding-left:29px; padding-top:22px; border:1px solid #DCDCDC; margin-top:38px;}

ul.list_case li img{ width:218px; height:155px; float:left; margin-right:80px;}

ul.list_case li .text{ width: 63%; float:left;}

ul.list_case li h3{ line-height:46px; color:#0187a0; font-size:18px; font-weight:500}

ul.list_case li h3 a{ color:#0187a0; font-size:20px;}

ul.list_case li  p{ line-height:30px; font-size:14px; color:#8C8C8C}

ul.list_case li a.more{ display:block; width:90px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#FFF; background:#AAAAAA; position:absolute; bottom:17px;}

ul.list_case li a.more.ask{ right:146px;}

ul.list_case li a.more.detail{ right:48px;}



/*****分页*****/

.page { padding:10px; text-align:center; color:#5E5E5E; font-size:14px; padding-top:50px; height:auto ; overflow:hidden;}

.page  a{color:#5E5E5E; font-size:14px; padding:5px 10px; border:1px solid #5E5E5E}

.page  span{ color:#FFF; font-weight:bold; padding:5px 10px; border:1px solid #5E5E5E; background:#103B41}

ul.list_case li:hover{ border:1px solid #0187a0;}

ul.list_case li a.more:hover{ background:#0187a0}

ul.list_product{ position:relative; margin-left:-30px; z-index:9;display: inline-block;width: 100%;}

ul.list_product li{ margin-top:30px; width:47%; height:384px; float:left; margin-left:26px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

ul.list_product li img{ width:100%; height:242px; display:block;}

ul.list_product li p{ height:54px; line-height:54px; text-align:center; background:#EEEEEE; color:#0187a0}

ul.list_product li p a{ color:#0187a0; font-size:16px;}



.fenye{ padding-top:20px; line-height:30px; font-size:16px; color:#808080}

.fenye a{font-size:16px; color:#808080}



.con_content{ height:auto !important; overflow:hidden; padding-top:55px;}

.con_content h1{ height:60px; line-height:60px; position:relative; text-align:center; color:#0187a0; font-weight:normal; margin-bottom:39px;}

.con_content h1:after{ position:absolute; bottom:1px; width:142px; left:50%; margin-left:-71px; z-index:9; content:""; height:2px; line-height:2px; background:#0187a0}

.con_content .con_left{ width:473px; height:360px; background:#0187a0; float:left; padding-top:48px; color:#FFF}

.con_content .con_left h2{ line-height:60px; text-align:center;color:#FFF}

.con_content .con_left ul{}

.con_content .con_left ul li{ line-height:38px; margin-top:30px; padding-left:60px; font-size:15px; font-weight:bold; clear:both; display:block; height:auto !important; overflow:hidden;}

.con_content .con_left ul li div{ width:300px; float:left}

.con_content .con_left ul li span{ display:block; float:left; margin-right:15px; width: 80%;}

.con_content .con_left ul li img{ float:left; margin-right:25px;}

.con_content .con_right{ width:722px; height:406px; float:left; border:1px solid #D2D2D2;}



.con_book{ clear:both; height:auto !important; overflow:hidden; margin-top:50px; border-top:1px solid #F5F5F5;}

.con_book h2{ text-align:center; line-height:80px; color:#0187a0; font-size:200%; padding-top:30px;}

.book_title{ height:52px;/* background:url(../images/book_title.jpg) center no-repeat; */ text-align: center; line-height: 52px; color: #0187A0; font-size: 30px; margin-bottom: 30px; }

.book_width{ width:590px; float:left; height:auto !important; overflow:hidden}

.book_width .inputbox{ height:40px; line-height:40px; font-size:120%; color:#0187a0; margin-bottom:52px;}

.book_width .inputbox span{ display:block; width:140px; float:left;}

.book_width .inputbox .input{ width:370px; height:38px; line-height:38px; padding-left:4px; background:#FFF; border:1px solid #E5E5E5; font-size:14px; color:#666}

.book_width .inputbox .area{ width:440px; height:130px; line-height:24px; padding-left:4px; background:#FFF; border:1px solid #E5E5E5; font-size:14px; color:#666; float:left}

.tijiao{ width:100%; clear:both; margin-top:20px; float:left; height:auto !important; overflow:hidden; padding-bottom:60px}

.tijiao input{ width:200px; height:60px; text-align:center; line-height:60px; margin:auto; border:0; background:#0187a0; color:#FFF; font-size:18px; display:block;}
.banner-image {
    height: 400px;
    background-position: center;
	
}
.crumbs { height: 40px; line-height: 40px; background: #eeeeee;}
.crumbs p{ width: 1200px; margin: auto; }
.crumbs p a{ color: #333;}
.zilanmu ul{ width: 1200px; margin: auto; height: 50px; border-bottom: 1px solid #d0d0d0;}
.zilanmu ul li{ float: left; height: 50px; line-height: 50px; padding: 0px 20px;}
.zilanmu ul li:hover{ color: #0187a0; border-bottom: 2px solid #0187a0;}
.zilanmu ul li:hover a{ color: #0187a0;}
.zilanmu ul li.on{ color: #0187a0; border-bottom: 2px solid #0187a0;}
.zilanmu ul li.on a{ color: #0187a0;}
.zilanmu ul li::after{ position:absolute; right:0; width: 1px; background: #0187a0; height: 30px;}

.w1400{ width:1300px; margin:auto;}
.welcome{ line-height:28px; background:#f1f1f1; font-size:16px; color:#a5a5a5}
.welcome span{ float:right}
.topper{ position:relative; width:100%; /* padding:12px 0; */ background:#2a2b2e; border-bottom:1px solid #ffffff; height:117px;/* overflow:hidden */}

.topper .logo{ display:inline-block; vertical-align:middle; padding-top: 12px; width:20.5%; position:relative; height:auto; overflow:hidden;float: left;}

.topper .logo img{ width:90%; margin-left:6%}

.topper .logo::after{ width:1px; height:70%; position:absolute; right:0; z-index:1; content:""; background:#d0d0d0; top:25%;}

.logoText{ position:relative; display:inline-block; vertical-align:middle; padding:0 1%;font-family: 'SourceHanSerif'; font-size:28px; color:#0187a0; line-height:32px;}

/* .nav{ height:32px; padding:13px; line-height:32px; background:#0187a0; }
 .nav li{text-align:center; font-size:20px; color:#ffffff; line-height:32px; color:#ffffff;font-family: 'SourceHanSerif'; width:16.285%; float:left; }
 .nav li a.big{ color:#ffffff;font-family: 'SourceHanSerif'; display:inline-block; padding:0 20px; transition:all 0.5s; border-radius:10px; line-height:32px;}
 */
.nav{ height:118px;line-height:118px; /* background:#0187a0; */ float: right; width: 50%;}

.nav li{text-align:center; font-size:16px; color:#ffffff;  line-height:118px; color:#ffffff;font-family: 'SourceHanSerif'; width:16.285%; float:left; position: relative; }


.nav li a.big{ color:#ffffff;font-family: 'SourceHanSerif';padding: 0px 10px; display:inline-block; transition:all 0.5s; border-radius:10px; line-height:32px;}

.nav li:hover a.big{ background:#000000;}

.nav li.on a.big{ background: #000;}

.nav li .show{ width:100%; position:absolute; left:0; top:110px; padding-top:5px; padding-bottom:16px; background:#2a2b2e; z-index:10; display:none;}

.nav li .show .pic{ width:32%;}

.nav li .show .pic img{ max-width:80%; width: 80% !important; display:block; margin:auto;}

.nav li .show .down_nav{ width:100%; }

.nav li .show .down_nav h4,.nav li .show .down_case h4,.down_contact h4{ line-height:34px; width:90%; border-bottom:1px solid #f5f5f5; margin-bottom:3px; color:#000000; text-align:left; font-size:18px;}

.nav li .show .down_nav p{ line-height:40px; color: #fff; font-size:16px; color:#fff; text-align:center; width: 100%;}

.nav li .show .down_nav p a{ color: #fff;}

.nav li .show .down_nav p:hover a{ background: #000; padding: 6px 10px; box-sizing: border-box; border-radius: 8px;}

.nav li .show .down_case{ width:18.5%}

.nav li .show .down_case h3,.down_contact h3{ width:100%}

.nav li .show .down_case dl dd{ width:48%; float:left; margin:1%; margin-bottom:5px; box-shadow:0px 0px 5px #e0e0e0;}

.nav li .show .down_case dl dd img{ width:90%; display:block; margin:auto}

.down_contact{ width:17.1%; margin-left:4%;}

.down_ewm{ text-align:left;}
.down_ewm img{ width: 100%;}
.down_tel{ width:100%; clear:both; margin-top:90px; color:#000000;font-family: "微软雅黑";}

/*.nav li::after{ width:0px; position:absolute; left:20%; bottom:-15px; z-index:1; height:3px; line-height:3px; background:#ee4426; content:""; transition:all 0.7s}

.topper .nav li:hover::after,.topper .nav li.on::after{ width:60%}*/

.down_tel .tel{ display:inline-block; vertical-align:middle; padding:0px; line-height:54px; background:#c42003; border-radius:10px; width:20%; color:#ffffff; margin-right:2%}

.down_tel .tel img{ max-width:50px; display:inline-block; vertical-align:middle; margin-right:2%; }
.topper_r{ width:19%; float: left; z-index:2; margin-left: 1.5%;}

.topper_r li{ position:relative; margin-top: 16%; }

.topper_r li .show{ width:200%; left:0; position:absolute; top:38px; left:0; background:rgba(0,0,0,0.6); color:#ffffff; font-size:13px; display:none; padding:10px; border-radius:10px;}

.topper_r li .show::before{ top:-13px; left:5px; z-index:2; content:"▲"; color:rgba(0,0,0,0.6); position:absolute; }

.topper_r li .show p:last-child{ font-size:16px;}

.topper_r li img{ max-width:55px; display:inline-block; vertical-align:middle;}

.topper_r li  p{ display:inline-block; vertical-align:middle}

.topper_r li p span{ display:block;}

.topper_r li p span:first-child{ line-height:20px; font-size:16px; color:#fff; }

.topper_r li p span:last-child{ line-height:30px; font-size:30px; color:#fff;}

.topper_r li .teltext{ display:inline-block; vertical-align:middle;}
.sales{ display: inline-block; width: 100%; margin-bottom: 40px; margin-top: 40px;}
.sales ul li{ float: left;  width: 30%; border: 2px #0187a0 solid; padding: 20px; box-sizing: border-box; margin-right: 4%; height: 360px;}

.sales ul li:nth-child(3){ margin-right: 0px;}

.sales ul li i{ width:70px; height: 70px; border-radius: 50%; border: 2px solid #0187a0; display: flex; align-items: center;text-align: center; line-height: 70px; margin: auto; }
.sales ul li i img{ width: 60%; margin-left: 19%; }
.sales ul li .salet-titl { width: 100%; margin: auto; font-size: 28px; text-align: center; margin-top: 30px; height: 60px;}
.sales ul li .sale-cont{ text-align: center; margin-top: 40px; height: 60px; }
.sales ul li  span{ width: 20%; height: 2px; display: block; background: #0187a0; margin: auto; margin-top: 20px;}

.leftnews_title{height: 70px;
    text-align: center;
    line-height: 70px;
    background: #0187a0;
    color: #FFF;
    letter-spacing: 2px; font-size: 30px; font-weight: bold;}
	
		.leftnews_list{ border:  1px solid #eee; padding: 5px; box-sizing: border-box;}
	.leftnews_list dl dt{ height: 40px; line-height: 40px; overflow: hidden;}
	.sheo-pic{ width: 100%; display: inline-block;}
	.sheio-news dl dt{ width: 49%; float: left; margin-right: 2%; height: 40px; line-height: 40px; overflow: hidden; border-bottom: 1px solid #eee; } 
	.sheio-news dl dt:nth-child(2n){ margin-right: 0px;}
	.sheio-news dl dt .date{ float: right; font-size: 14px;}
ul.list-pic li { width: 31%; height: 305px;}
ul.list-pic li img{ height: 254px;}
.intro .left-tro{ width: 48%; padding-top: 120px;  overflow: hidden; box-sizing: border-box;
}
.intro{ display: inline-block;width: 100%;}
.intro .rihgt-tro{width: 48%;  height: 322px; overflow: hidden;}
.intro .rihgt-tro img{ width: 100%; }
.intro .left-tro li{ width: 49%;  float: left; font-size: 18px; margin-bottom: 15px; margin-right: 2%;}
.intro .left-tro li:nth-child(2n){ margin-right: 0px;}
.intro .left-tro li i{width: 40px; height: 40px; margin-right: 10px; overflow: hidden; display: block; float: left;}
.intro .left-tro li i img{ width: 100%;}
.shwo-title{ width: 100%;border-bottom: 1px solid #0187a0; height: 40px; margin-bottom: 40px; margin-top: 20px;}
.shwo-title span{ width: 140px; height: 40px; line-height: 40px; color: #fff; background: #0187a0; text-align: center; display: block;}
.cont-pic ul li { height: 60px; line-height: 60px; padding: 0px 10px; box-sizing: border-box;} 
.cont-pic ul{width: 100%; margin: auto; display: inline-block;}
.cont-pic ul li{ width: 49%; background: #eee; margin-right: 2%; float: left;}
.cont-pic ul li:nth-child(2n){ margin-right: 0px;}
.cont-pic ul li:nth-child(3){ background: #fff;}
.cont-pic ul li:nth-child(4){ background: #fff;}
.cont-pic ul li:nth-child(7){ background: #fff;}
.cont-pic ul li:nth-child(8){ background: #fff;}
.cont-pic ul li:nth-child(11){ background: #fff;}
.cont-pic ul li:nth-child(12){ background: #fff;}
.cont-pic ul li:nth-child(15){ background: #fff;}
.cont-pic ul li:nth-child(16){ background: #fff;}
.yb_conct{position:fixed;z-index:9999999;top:450px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#0187a0 url(../images/fixCont2.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0187a0 url(../images/fixCont2.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0187a0 url(../images/fixCont2.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0187a0 url(../images/fixCont2.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.cont-video{ display: inline-block; width: 100%;}
.cont-video li { width: 49%; float: left; margin-right: 2%;}
.cont-video li:nth-child(2n-1){ margin-right: 0px;}
.videomeor{ width: 160px; height: 46px; line-height: 46px; background: #0187A0; text-align: center; margin: auto; margin-top: 30px;  border-radius: 23px; display: block}
.videomeor a{ color: #fff;}