@charset "utf-8";
/* CSS Document */

/***********************************************首页***********************************************************/
.width1200 .content{ width:1200px; margin:0px auto; overflow:hidden;}
.width1002 .content{ width:1002px; margin:0px auto; overflow:hidden;}
/*************************首页焦点图开始****************************/
.width1200 .pikachoose{ width:1002px; height:373px; position:relative;}
.width1002 .pikachoose{ width:1002px; height:373px; position:relative;}
.width1002 .pika-stage, .pika-textnav { width: 1002px;}
.width1002 .pika-stage img{ height:100%; width:699px; float:right;}
.pikachoose{ width:1200px; height:373px; position:relative;}
.pika-stage, .pika-textnav { width: 1200px;}
.pika-stage { position: relative; height:373px;}
.pika-stage img{ height:100%; width:897px; float:right;}
.jcarousel-skin-pika{ position:absolute;top:0px; left:0px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width:303px; height:373px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:303px; height:373px;}
.pika-thumbs{ height:auto;}
.pika-thumbs li{ width:303px; height:122px; float: left; padding:2px 0px; margin:0; cursor: pointer;}
.pika-thumbs li .clip { position:relative; height:126px; bottom:2px;}
.pika-thumbs li img{ width:303px; height:126px;}
/*************************首页焦点图结束****************************/

.width1200 .cont{ float:left; width:1200px;}
.width1002 .cont{ float:left; width:1002px;}
.width1002 .cont .contr{ float:right; width:760px; margin-top:20px;}
.width1002 .cont .contr h2{ float:left; width:760px; font-size:26px; color:#195E85; overflow:hidden; text-indent:23px;}
.width1002 .cont .contr h2 span{ font-size:18px; letter-spacing:3px; margin-left:80px; display:inline;}
.width1002 .cont .contr ul{ float:left; width:760px; margin-top:20px;}
.width1002 .cont .contr ul li{ float:left; width:228px; margin-left:25px; display:inline; border-bottom:1px dotted #ddd; color:#195E85; line-height:35px;}
.width1002 .cont .contr ul li .s1{ float:left; width:130px; overflow:hidden; white-space:nowrap; overflow:hidden; -o-text-overflow: ellipsis; text-overflow:ellipsis;}

.cont .contl{ float:left; width:auto; color:#195E85; -webkit-text-size-adjust:none; font-size:10px; -webkit-transform:scale(0.9); margin-left:25px; display:inline; margin-top:182px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.cont .contl{ margin-left:18px; display:inline;}}
.cont .contl:hover{ /*color:#ff0000;*/}
.cont .contr{ float:right; width:897px; margin-top:20px;}
.cont .contr h2{ float:left; width:897px; font-size:26px; color:#195E85; overflow:hidden; text-indent:23px;}
.cont .contr h2 span{ font-size:18px; letter-spacing:3px; margin-left:80px; display:inline;}
.cont .contr ul{ float:left; width:897px; margin-top:20px;}
.cont .contr ul li{ float:left; width:264px; margin-left:25px; display:inline; border-bottom:1px dotted #ddd; color:#195E85; line-height:35px;}
.cont .contr ul li .s1{ float:left; width:180px; overflow:hidden; white-space:nowrap; overflow:hidden; -o-text-overflow: ellipsis; text-overflow:ellipsis;}
.cont .contr ul li .s1 a{ color:#195E85;}
.cont .contr ul li .s1 a:hover{ /*color:#ff0000;*/}
.cont .contr ul li .s2{ float:right; width:auto;}

/***********************************************单页***********************************************************/
.width1200 .cons{clear:both; overflow:hidden;zoom:1;width:1200px;min-height:690px; background:url(../images/conbg.jpg) repeat-y; padding-bottom:100px;}
.width1002 .cons{ float:left; width:1002px; background:url(../images/conbg1.jpg) repeat-y; padding-bottom:200px;}
.width1002 .cleft{ float:left; width:200px;}
.width1002 .cleft h2{ float:left; width:200px; text-align:center; font-size:26px; color:#195E85; letter-spacing:2px;}
.width1002 .cleft ul{ float:left; width:200px; border-top:1px solid #ddd; margin-top:40px;}
.width1002 .cleft ul li{ float:left; width:200px; border-bottom:1px solid #ddd; text-align:center; color:#195E85; font-weight:bold;}
.width1002 .cleft a{  color:#195E85; float:left; width:200px; line-height:40px;}
.width1002 .cright{ float:right; width:772px;}
.width1002 .cright p{ float:left; width:756px; background:none; overflow:hidden; font-size:14px; color:#000; text-indent:28px; margin-top:30px;}

.cleft{ float:left; width:304px;}
.cleft h2{ float:left; width:304px; text-align:center; font-size:26px; color:#195E85; letter-spacing:2px;}
.cleft h2 span{ font-size:17px;}
.cleft h2.hmar{ margin-top:50px;}
.cleft ul{ float:left; width:304px; border-top:1px solid #ddd; margin-top:40px;}
.cleft ul li{ float:left; width:304px; border-bottom:1px solid #ddd; text-align:center; color:#195E85; font-weight:bold;}
.cleft a{  color:#195E85; float:left; width:304px; line-height:40px;}
.cleft a:hover{ color:#fff; background:#195E85;}
.cleft a.current{ color:#fff; background:#195E85;}
.cright{float:right; width:866px;padding-top:20px;}
.cright p{margin:10px 0;text-indent: 24px;}
.cright form input,.cright form textarea{font-size:16px;width:480px;padding:10px;border:1px #ccc solid}
.cright form input:focus,.cright form textarea:foucs{border:1px #0099FF solid}
.cright form textarea{resize:none;}
.cright .video{ float:left; width:466px; height:273px; margin-top:30px;}
.cright .video .vp{ float:left; width:466px; height:245px;}
.cright .video .vt{ float:left; width:466px; height:28px; background:#808080; text-align:center; color:#fff; line-height:28px; font-size:14px; letter-spacing:3px;}


/***********************************************新闻列表页***********************************************************/
.width1002 .cright h3{ border-bottom:1px solid #ddd; font-size:14px; line-height:30px; width:772px; float:left; overflow:hidden; text-indent:5px; margin-top:5px; color:#195E85;}
.width1002 .cright ul{ float:left; width:772px; margin-top:10px;}
.width1002 .cright ul li{ float:left; width:772px; border-bottom:1px dotted #ddd; line-height:30px; margin-top:10px;}
.width1002 .page{ float:right; margin-top:10px;}
.width1002 .page div{ float:left; padding:3px 10px; border:1px solid #ddd; margin:0px 0px 0px 5px; display:inline; cursor:pointer;}
.width1002 .page em{ font-style:normal; font-family:"宋体"; margin-top:5px; float:left;}
.width1002 .page ul{ float:left; width:auto; margin:0;}
.width1002 .page ul li{ float:left; width:auto; line-height:normal; margin:0; border:0; margin-left:5px; display:inline;}
.width1002 .page ul li span{ padding:3px 10px; _padding:4px 10px; border:1px solid #ddd; cursor:pointer; float:left;}

.cright h3{ display:block;border-bottom:1px solid #ddd; font-size:14px; line-height:30px; /*width:600px; float:left;*/ overflow:hidden; text-indent:5px; margin-top:5px; color:#195E85;}
.cright ul{ float:left; width:866px; margin-top:10px;}
.cright ul li{position:relative;float:left; width:866px; border-bottom:1px dotted #ddd; line-height:30px; margin-top:10px;padding-bottom:10px;}
.cright ul li a{color:#195E85}
.cright ul li .st{width:780px; overflow:hidden;display:inline; white-space:nowrap; overflow:hidden; -o-text-overflow: ellipsis; text-overflow:ellipsis;}
.cright ul li .sd{position:absolute;right:0;top:0;}
.cright a:hover{ /*color:#ff0000;*/}


.news_pic_list li{position:relative;width:866px;height:180px;line-height:30px;border-bottom:1px dotted #ddd;margin-top:10px;padding-bottom:10px;}
.news_pic_list li a{color:#195e85;font-size:16px;}
.news_pic_list li .pic{position:absolute;left:0;top:0;width:240px;height:180px;}
.news_pic_list li .txt{margin-left:260px;}
.news_pic_list li .date{position:absolute;top:0;right:0;}

.next_prev{margin-top:20px;border-top:1px solid #ddd}

.width1002 .cright .page{ float:right; margin-top:10px;}
.width1002 .cright .page div{ float:left; padding:3px 10px; border:1px solid #ddd; margin:0px 0px 0px 5px; display:inline; cursor:pointer;}
.width1002 .cright .page em{ font-style:normal; font-family:"宋体"; margin-top:5px; float:left;}
.width1002 .cright .page ul{ float:left; width:auto; margin:0;}
.width1002 .cright .page ul li{ float:left; width:auto; line-height:normal; margin:0; border:0; margin-left:5px; display:inline;}
.width1002 .cright .page ul li span{ padding:3px 10px; _padding:4px 10px; border:1px solid #ddd; cursor:pointer; float:left;}
.width1002 .cright .page div.current{ background:#195E85; border:1px solid #195E85; color:#fff;}
.width1002 .cright .page ul li span.current{ background:#195E85; border:1px solid #195E85; color:#fff;}

.cright .page{ float:right; margin-top:10px;}
.cright .page div{ float:left; padding:3px 10px; border:1px solid #ddd; margin:0px 0px 0px 5px; display:inline; cursor:pointer;margin-bottom:10px;}
.cright .page em{ font-style:normal; font-family:"宋体"; margin-top:5px; float:left;}
.cright .page ul{ float:left; width:auto; margin:0;}
.cright .page ul li{ float:left; width:auto; line-height:normal; margin:0; border:0; margin-left:5px; display:inline;}
.cright .page ul li span{ padding:3px 10px; _padding:4px 10px; border:1px solid #ddd; cursor:pointer; float:left;}
.cright .page div.current{ background:#195E85; border:1px solid #195E85; color:#fff;}
.cright .page ul li span.current{ background:#195E85; border:1px solid #195E85; color:#fff;}

/***********************************************新闻详细页***********************************************************/
.width1002 .detail h2{ float:left; width:772px; overflow:hidden; margin-top:40px; font-size:18px; text-align:center; color:#195E85;}
.width1002 .detail span{ float:left; width:772px; text-align:center; color:#195E85; margin-top:10px; border-bottom:1px solid #ddd; padding-bottom:5px;}
.width1002 .detail .dcon{ float:left; width:772px;}
.width1002 .detail .dcon span{ float:left; width:600px; padding:0; margin:30px 0 0 86px; display:inline; border:0;}
.width1002 .detail .dcon span img{ width:600px; height:400px;}

.detail h2{overflow:hidden; margin-top:40px; font-size:18px; text-align:center; color:#195E85;}
.detail .info{text-align:center; color:#195E85; margin-top:10px; border-bottom:1px solid #ddd;padding-bottom:5px;margin-bottom:10px;}
.detail .dcon{font-size:14px;}
/*.detail .dcon{ float:left; width:866px;}
.detail .dcon p{ margin-left:8px; display:inline;}
.detail .dcon span{ float:left; width:600px; padding:0; margin:30px 0 0 133px; display:inline; border:0;}
.detail .dcon span img{ width:600px; height:400px;}*/

/***********************************************案例列表页***********************************************************/
.width1002 .case ul{ float:left; width:772px;}
.width1002 .case ul li{ float:left; width:177px; height:198px; border:1px solid #ddd; margin:10px 0px 0px 18px; display:inline; overflow:hidden;}
.width1002 .case ul li .sp{ float:left; width:167px; height:167px; margin:5px 0px 0px 5px; display:inline;}
.width1002 .case ul li .sp img{ width:167px; height:167px;}
.width1002 .case ul li .st{ float:left; width:167px; white-space:normal; -o-text-overflow:normal; text-overflow:normal; overflow:hidden; text-align:center;}

.case ul{width:900px; overflow:hidden;}
.case ul li{ float:left; width:210px; height:145px; border:1px solid #ddd; margin:10px 6px 0px 18px; display:inline; overflow:hidden;}
.case ul li.current{ margin-left:0px;}
.case ul li .sp{width:210px; height:110px; margin:5px 0px 0px 5px; display:block;}
.case ul li .sp img{ width:200px; height:110px;}
.case ul li .st{width:210px; white-space:normal; text-align:center;}
.case ul li .st a{display:block;height:30px;line-height:30px; overflow:hidden;padding:5px;}

.case ul li .st a{ text-decoration:none; color:#195E85;}