@charset "utf-8";
/* 格式化全局样式 */
html,body,div,dl,dt,dd,ol,ul,li,span,i,p,em,h,form,input,textarea,button,table,tr,td,img,h1,h2,h3,h4,h5,h6,a{ margin:0; padding:0;font-family:Helvetica,Arial,'Microsoft Yahei',sans-serif;}
body{ font-size:16px;color:#3E3E3E; line-height:2em; font-family:Helvetica,Arial,'Microsoft Yahei',sans-serif; overflow-x:hidden; background-color:#fff;}
ul,li{ list-style:none;}
i,em,cite{font-style:normal;}
.maxLen {DISPLAY: inline-block; OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; TEXT-DECORATION: none}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
img,input{ border:none; vertical-align:middle;}
a{ text-decoration:none; color:#555;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
a:hover{ color:#204C97}
.maxLen {DISPLAY: inline-block; OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; TEXT-DECORATION: none}
.container{ width:1200px; display:block;clear:both;margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */padding:0px;}
.wrap{ width:100%; height:auto; float:left; margin:0 auto; padding:0px;}
.left{ width:300px; height: auto; float: left; margin-top:20px;}
.right{width: 860px;height: auto; float: right; margin-top:20px;}
.bg{ background-color:#FFFFFF}
.right_product::before,.ad_profile::before,.product_box_pic::before,.banner_in::before{content: ""; width: 0px; height: 100%; display: inline-block; position: relative; vertical-align: middle;}
.to_top{ width:50px; height:50px; position:fixed;border-radius: 5px; right:30px; bottom:30px; z-index:9999; display:none; background:url(images/to_top.gif) no-repeat center center #076fb7;}

/* 在线客服样式 */
.kefuBox{position:fixed;z-index:1000;top:180px;right:0;width:auto; _position:absolute;_top: expression(documentElement.scrollTop +45);}
.kefuBox .kefuLeft{float:left;overflow:hidden;width:30px;height: 157px;cursor:pointer;background:url(images/kefu_l.png) no-repeat}
.kefuBox .kefuRight{display:block;float:left;overflow:hidden;width:0;}
.kefuBox .kefuTop{width:154px;height:46px;background:url(images/kefu_top.png) no-repeat;}
.kefuBox .kefuClose{float:right;overflow:hidden;width:154px; height:46px;display:block;cursor:pointer;}
.kefuBox .kefuBottom{width:154px;height:12px;background:url(images/kefu_bottom.png) no-repeat;}
.kefuBox .kefuCont{width:130px;padding:0 12px;background:url(images/kefu_line.png) repeat-y;overflow:hidden;}
.kefuBox .kefuCont ul{margin:0;padding:0;}
.kefuBox .kefuCont ul li{width:80px;line-height:28px;overflow:hidden;height:28px;padding-left:40px;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;}
.kefuBox .kefuCont ul li a{color:#333;}
.kefuBox .kefuCont ul li.pic{width:130px;height:89px;margin-bottom:10px;padding:0;}
.kefuBox .kefuCont ul li.qq{background:url(images/kefu_qq.png) no-repeat;}
.kefuBox .kefuCont ul li.wang{background:url(images/kefu_wangwang.png) no-repeat}
.kefuBox .kefuCont ul li.spk{background:url(images/kefu_skype.png) no-repeat}
.kefuBox .kefuCont ul li.codeer{display:block;width:130px;height: 165px;text-align:center;color:#fff;padding:10px 0 0;font-family:"微软雅黑";font-size:14px;margin-bottom:0; }
.kefuBox .kefuCont ul li.codeer p{display:block;height:35px;line-height:35px;}
.kefuBox .kefuCont ul li.codeer span{display:block;width:130px;height:130px;background:url(images/kefu_wx.png) no-repeat center; overflow:hidden;}
.kefuBox .kefuCont ul li.codeer span .line {
        height: calc(100% - 2px);
        width: 100%;
        background: linear-gradient(180deg, rgba(0, 255, 51, 0) 43%, #ffffff 211%);
        border-bottom: 2px solid #ffffff;
        transform: translateY(-100%);
        animation: radar-beam 2s infinite;
        animation-timing-function: cubic-bezier(0.53, 0, 0.43, 0.99);
        animation-delay: 1.4s;}
.kefuBox .kefuCont ul li.codeer span .box:after,
.kefuBox .kefuCont ul li.codeer span .box:before {top: 0;border-top-color: #ffffff;}
.kefuBox .kefuCont ul li.codeer span .angle:after, .kefuBox .kefuCont ul li.codeer span .angle:before {bottom: 0;border-bottom-color: #ffffff;}
.kefuBox .kefuCont ul li.codeer span .box:before,.kefuBox .kefuCont ul li.codeer span .angle:before {left: 0;border-left-color: #ffffff;}
.kefuBox .kefuCont ul li.codeer span .box:after,.kefuBox .kefuCont ul li.codeer span .angle:after {right: 0;border-right-color: #ffffff;}
     @keyframes radar-beam {
	 	0% { transform: translateY(-100%); }
         100% {transform: translateY(0);}
		}


.top{width: 100%; height:auto; float: left;}
.logo{width:300px; height: 110px; padding:5px 0px;float: left; text-align:left; overflow:hidden}
.logo_right{ width:900px; height:auto; float:right}
.top_tel{ width:200px; padding-left: 75px;margin-top:5px; height: 75px; float: right; background-image: url(images/icon_tel.jpg); background-repeat: no-repeat; background-position: 0 8px;}
.top_tel span{ color:#0066CC;font-size:24px; font-weight:bold}

.top_nav{ width:600px; padding-left:300px; height:auto; float:right;}
.top_nav>li{position:relative; display:table-cell; width:100px; height:35px;}
.top_nav>li:after,.top_nav>li:before{content:"";width:0;height:100%;background-color:#005bac;top:0;position:absolute;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}
.top_nav>li:after{left:0}
.top_nav>li:before{right:0}
.top_nav>li>a{display:block;width:100px; line-height:35px;color:#000;z-index:2;position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}
.top_nav>li.active:after,.top_nav>li.active:before,.top_nav>li:hover:after,.top_nav>li:hover:before{width:50%}
.top_nav>li>a:hover{ color:#FFFFFF}

.nav{width:100%;height:50px;z-index:9999; overflow:hidden;float: left;text-align:center;background:linear-gradient(#1477C8,#10BDE7 0%, #1477C8 100%);}
.nav li{ width:auto; height:50px; line-height:50px; float:left; margin-left:15px;transition: all .2s ease-out .0s;}
.nav li a{width:auto; padding:0px 20px; height:50px;float:left;font-size: 16px; text-decoration:none; color:#FFFFFF}
.nav li a:hover{width:auto; padding:0px 20px; height:50px;float:left;font-size: 16px; text-decoration:none;background: #204C97; color: #ffffff;border-radius: 40px 10px 40px 10px;}


.top_right{ width:1000px; height:auto; float:right; }
.nav_search{ width:100%; height:30px; float:left;}
.nav_right{float: left; padding-top:10px;}
.nav_right img{margin-left:10px;margin-top:10px}
#qrcodeimg{ background:url(images/kefu_wx.png) no-repeat 0px 0px;width:120px; height:120px; position:absolute; z-index:22;  opacity: 0;visibility: hidden;transition: opacity .3s .3s, visibility .6s; animation: control-pointer .6s;}
a:hover #qrcodeimg{opacity: 1;visibility: visible;transition: opacity .3s;animation: none;}

.search{ width:260px; height:39px; float:right; margin-top:5px;}
.search_input{ width:180px; padding-left:10px; color:#9B9B9B;background-color:#ffffff; height:30px; border-radius:5px 0 0 5px; line-height:30px; float:right; border:1px solid #cccccc;}
.search_submit{ width:60px; height:32px; margin-left:0px; background-color:#204C97; float:right; color:#FFFFFF; border-radius: 0 5px 5px 0;}
/*banner css*/

.banner_te{ width:100%; height:auto; float:left; margin-bottom:50px;}
.banner{ height:450px; position:relative; }
.btnwrap{ z-index:10; position:relative; top:400px; text-align:center;  }
.btnwrap b{ display:inline-block; cursor:pointer; background: none repeat scroll 0 0 #FF9600; border: 1px solid #FF9600; border-radius: 20px; height: 20px; margin-left: 10px; overflow: hidden; text-align: center; width: 20px; margin:0 6px;  }
.btnwrap b.cur{ background: none repeat scroll 0 0 #2ea7e0; border: 1px solid #2ea7e0; }
.banneritem{ width:100%; height:450px; top:0; left:0; position:absolute; background: no-repeat center center; background-size:cover; }
.banneritem.hide{ display:none; }
.banneritem a{ width:100%; height:100%; display:inline-block; }


.banner_in{ width:100%; height:400px; float:left; background-repeat:no-repeat; background-position:center; text-align:center; color:#FFFFFF;display: inline-block; vertical-align: middle;}
.banner_in span{ font-size:48px; font-weight:bold; margin-right:200px;}

.location{ width:100%; height:30px; text-align:left; border-bottom:1px solid #cccccc; font-size:14px}
.location a,.my_keyword a{ font-size:14px}
.my_keyword{ width:100%; height:50px; line-height:50px; text-align:left;font-size:14px}


.left_product{width: 100%; height: auto; float: left;border:0; overflow: hidden; border-radius: 10px 10px 0 0; margin-bottom: 20px;}
.left_product_title{ width: 100%; height: auto; padding:20px 0px; float: left; background-color: #1391D4; text-align: center; font-size: 40px;; font-weight: bold; color: #ffffff;}
.left_product_title span{ font-size:14px; font-weight:normal}
.left_product_list{ width:298px;height: auto; float: left; border:1px solid #cccccc}

.lm01{ width:270px; height:60px; line-height:60px;  float: left; padding: 10px;}
.lm02{ width:100%; height:35px; line-height:35px; padding-left:30px; background-color:#FFFFFF; background-image:url(images/lm02.jpg); background-repeat:no-repeat; background-position:20px 13px; float:left; text-align:left; overflow:hidden}
.lm03{ width:100%; height:35px; line-height:35px; padding-left:60px; background-color:#FFFFFF; background-image:url(images/lm03.png); background-repeat:no-repeat; background-position:43px 10px; float:left; text-align:left; overflow:hidden}

.lm03 a,.lm03 a:hover{ font-size:14px;}

.lm01 a{transition: all .2s ease-out .1s; width: 100%; height: 60px; float:left; line-height: 60px; font-size:20px;text-align: center; border-bottom:1px dotted #cccccc;}
.lm01 a:hover{ color:#ffffff;background:linear-gradient(#1477C8,#10BDE7 0%, #1477C8 100%); border-radius:5px;}

.more{ float:right}
.more a{ font-size:14px;}

.search{ width:260px; height:39px; float:right; margin-top:5px;}
.search_input{ width:180px; padding-left:10px; color:#9B9B9B;background-color:#ffffff; height:30px; border-radius:5px 0 0 5px; line-height:30px; float:right; border:1px solid #cccccc;}
.search_submit{ width:60px; height:32px; margin-left:0px; background-color:#204C97; float:right; color:#FFFFFF; border-radius: 0 5px 5px 0;}

.index_project{ width:100%; overflow: hidden;}
.index_project a{ width: 100%; height: 60px; padding-left: 20px; float:left; line-height: 60px; font-size:20px;text-align: left; color: #333333; font-size: 16px; text-decoration:none; color:#fffff;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.index_project a:hover{ color:#FFFFFF;background:linear-gradient(to bottom, #3A66B1, #224E99 20px);}

.index_profile{ width:100%; height:auto; float:left; margin-bottom:50px; padding-top:50px;background:linear-gradient(#8CE2FB,#8CE2FB 0%, #1477C8 100%); color:#FFFFFF}
.index_title{ width: 100%; height: auto; float: left; text-align: center;margin-bottom:40px; color:#3E3E3E; margin-top:50px;}
.index_title span{font-size: 28px; font-weight: bold; border-bottom:1px solid #ffffff; padding:0 100px 10px 100px;}
.index_title_down{ width:100%; height:auto; float:left; text-align:center; font-size:14px; margin-bottom:50px; color:#3E3E3E}

.index_profile_pic{ overflow:hidden; float:left; margin-bottom:40px; border-radius:60px 5px 60px 5px}
/* 图片效果 */
.strengthMain{float:left;width:500px;height:382px;overflow:hidden;background:#000;position:relative; cursor:pointer}
.strengthMain img{width:100%;height:100%;transition:all .5s;opacity:0.9;filter:alpha(opacity=90);}
.strengthMain .font{width:100%;height:255px/* 内框大小,按实际调整 */;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;}
.strengthMain .font h3{font-size:36px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;}
.strengthMain .font p{ padding:0 40px}
.strengthMain:hover img{transform: scale(1.05, 1.05);}
.strengthMain .font::before,.strengthMain .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain:hover .font::before,.strengthMain:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}

.index_profile_txt{ width:670px; height:380px; float:right; line-height:32px; text-align:left; overflow:hidden}

.index_article_box{ width:850px; height:auto; float:left}

.index_article_box_01{ width:410px; height:auto;}
.index_article_box_title{ width:400px; height:30px; line-height:30px; text-align:left; float:left;font-size:18px;padding-left:10px;border-radius:20px 5px 20px 5px;background:linear-gradient(#F4F4F4,#F4F4F4 0%, #E3E3E3 100%);}
.index_article_box_1st{ width:410px; height:auto; float:left; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #cccccc; }
.index_article_box_1st_pic{ width:140px; height:110px; float:left}
.index_article_box_1st_txt{ width:260px; height:100px; line-height:25px; overflow:hidden; text-align:left; float:right; overflow:hidden; font-size:14px;}
.index_article_box_1st_title{ width:260px; height:30px; float:left; text-align:left; font-weight:bold}
.index_article_box_list{ width:410px; height:auto; float:left; font-size:14px;}
.index_article_box_list a{ font-size:14px;}
.index_article_box_list li{ width:410px; height:30px; text-align:left; line-height:30px; float:left}
.index_article_box_list li span{ float:right}

.index_lan{ width:33px; height:400px; float:left;border-right:1px solid #ffffff}
.article_question{ width:300px; height:auto; float:right}
.article_question_title{ width:290px; height:30px; line-height:30px; text-align:left; float:left;font-size:18px;padding-left:10px;border-radius:20px 5px 20px 5px;background:linear-gradient(#F4F4F4,#F4F4F4 0%, #E3E3E3 100%);}
.article_question_list{ width:300px; height:auto; float:left}
.article_question_list li{ width:300px; height:35px; text-align:left; line-height:35px; float:left; border-bottom:1px dotted #cccccc;}

button{ width: 180px; height: 40px;transition: all .5s ease .1s; color: #ffffff; font-size: 16px; line-height: 40px; text-align: center; border: 1px solid #DD0000; background-color: #DD0000;}
button:hover{color:#DD0000; background-color: #ffffff; cursor: pointer;}

.right_product{ width: 100%; height: auto; float:left; text-align: center;}
.product_box{ margin-top:10px; margin-bottom:10px;width: 280px; height: 282px; display: inline-block; vertical-align: middle;}
.product_box_pic{transition: all .5s ease .1s; width: 100%; height: 222px; float: left; overflow: hidden; vertical-align:middle; text-align:center;border-radius:5px; border: 1px solid #cccccc; background-color:#FFFFFF}
.product_box_pic:hover{ border: 1px solid #224E99; cursor: pointer; color: #ffffff;box-shadow:0px 0px 10px #224E99;-webkit-box-shadow:0px 0px 10px #224E99;-mox-box-shadow:0px 0px 10px #224E99;}
.product_box_name{ width: 280px; overflow:hidden; height: 40px; line-height: 40px; text-align:center;float: left; background-color:#1477C8; border-radius:0px 0px 20px 20px}
.product_box_name a{ color: #ffffff;font-size: 16px; }

.img_cover { width:100%; height:100%; float:left;background: no-repeat center / cover;transition: all 0.5s;}
.img_cover:hover {transform: scale(1.1);}

.index_product_bg{ width:100%; height:auto; float:left; background-image:url(images/index_product_bg.jpg); background-repeat:no-repeat; background-position:bottom; }
.index_news_bg{width:100%; height:auto; float:left; background-image:url(images/index_news_bg.jpg);}

.index_contact{ width:400px; height:300px; padding:100px 0px 0 100px; float:left; background-color:#0066CC; color:#FFFFFF; overflow:hidden; border-radius:40px 0 0 40px;}
.index_contact a{ color:#FFFFFF}
.index_map{ width:700px; height:400px; float:right;border-radius:0px 40px 40px 0; overflow:hidden}

/* 百度地图 */
#dituContent{ width:100%; height:100%}
.iw_poi_title{font-size: 16px;color: #ff9717;line-height: 24px;font-weight: 700;}
.iw_poi_content{font-size: 12px;color: #000;margin-top: 8px; line-height:23px;}


/*分页 css*/
.pagelink{ width:100%; float:left; text-align:center; margin-top:15px}
.page {display: inline-block;padding: 0; margin: 0;}   
.page li {display: inline;}  
.page li a {color: black;float: left;padding: 4px 16px;text-decoration: none;border: 1px solid #ddd; border-radius:5px; margin-left:5px;}   
.page .active {background-color: #257CBD;color: white;border: 1px solid #257CBD;}  
.page a:hover:not(.active) {background-color: #257CBD;}   
.center {text-align: center;}

/*Guestbook整体样式*/
.table_bg_guestbook{background-color: #D4D4D4;font-size:14px;transition: all .5s ease .1s; border-radius: 5px;}
.table_bg_guestbook:hover{box-shadow:0px 0px 10px #224E99;-webkit-box-shadow:0px 0px 10px #224E99;-mox-box-shadow:0px 0px 10px #224E99; transform:translateY(-3px); cursor: pointer;}
.table_bg_guestbook td a{font-size:14px;}
.td_bg_guestbook{font-size:14px;background-color: #FFF; height:30px; line-height:20px; padding-right:5px;}/*调整鼠标经过tr的原始颜色*/
.input_button{width:120px;height:30px; border: 1px solid #808080; background-color: #dbf0ff;border-radius: 5px; margin: 10px;}
.input_button:hover{background-color: #2693FF;transition: all .2s ease-out .1s; cursor: pointer; color: #FFF;box-shadow: 10px 10px 99px 10px rgba(76, 201, 240, 1);-webkit-box-shadow:10px 10px 99px 10px rgba(76, 201, 240, 1);-mox-box-shadow:10px 10px 99px 10px rgba(76, 201, 240, 1);}
.input_txt{border:1px solid #2693FF; background-color: #F2F8FF; height:30px; line-height:30px;border-radius: 5px; margin: 2px;}
.input_textarea_guestbook{border:1px solid #2693FF;background-color: #F2F8FF; border-radius: 5px;margin: 2px;;}
.input_validatecode{height:30px;line-height: 30px; border-radius: 5px; background-color: #FFFFFF; border:1px solid #2693FF; margin: 2px;}

.guestbook_link a:link {color: #333333;	text-decoration: none;font-size: 14px;font-weight: bold;}
.guestbook_link a:visited {text-decoration: none;color: #333333;font-size: 14px;font-weight: bold;}
.guestbook_link a:hover {text-decoration: none;font-size: 14px;font-weight: bold;color: #E69F0D;}
.guestbook_link a:active {text-decoration: none;font-size: 14px;font-weight: bold;color: #333333;}

.guestbook_link02 a:link {color: #333333;text-decoration: none;font-size: 14px;}
.guestbook_link02 a:visited {text-decoration: none;color: #333333;font-size: 14px;}
.guestbook_link02 a:hover {text-decoration: none;font-size: 14px;color: #E69F0D;}
.guestbook_link02 a:active {text-decoration: none;font-size: 14px;color: #333333;}
.guestbook_font {font-size: 12;}
/*Guestbook整体样式结束*/

.index_article{ width: 370px; height: auto; float: left;transition: all .2s ease-out .1s;  margin-top: 30px;}
.index_article:hover{box-shadow:0px 0px 10px #224E99;-webkit-box-shadow:0px 0px 10px #224E99;-mox-box-shadow:0px 0px 10px #224E99; transform:translateY(-8px);}
.index_article_top01{ width: 310px; height: auto; float: left; padding: 30px; background-color: #6C85AE;color: #ffffff;font-size: 24px;}
.index_article_top02{ width: 310px; height: auto; float: left; padding: 30px; background-color: #8ECFB1;color: #ffffff;font-size: 24px;}
.index_article_top03{ width: 310px; height: auto; float: left; padding: 30px; background-color: #8BAEC4;color: #ffffff;font-size: 24px;}
.index_article_t{ width: 100%; height: auto; padding-top: 20px; line-height: 50px; float: left; border-bottom: 1px solid #CDE5FF;}
.index_article_t1{ width: 100%; height: auto; padding-top: 30px; float: left;font-size: 30px;}
.index_article_t2{ width: 100%; height: auto; padding-top: 20px; float: left; text-align: right;}

.index_article_title{ width: 100%; height: 50px; line-height: 50px; font-size: 30px; color: #0D5BA4; float: left;}
.index_article_title span{ float: right;}
.index_article_list li{ width: 100%; height: 30px; line-height: 30px; border-bottom: 1px dotted #cccccc; float: left;}
.index_article_list span{ float: right;}

.index_link{ width: 100%; height: auto; float: left; line-height: 30px; text-align: left; font-size:14px; margin-top:40px;}
.index_link a{ font-size:14px}

.copyright{ width: 100%; height: auto; padding:20px 0px; float: left; background-color: #42A5F6; margin-top: 20px; font-size:14px; line-height:23px; text-align:center; color:#FFFFFF}
.copyright a{ color:#ffffff; font-size:14px}



.ad_contact{ width: 100%; background-image: url(images/ad_contact.jpg); height: 120px; float: left; background-position: center; background-repeat: no-repeat;}
.ad_profile{ width: 100%; background-image: url(images/ad_profile.jpg); height: 120px; float: left; background-position: center; background-repeat: no-repeat;}
.ad_article{ width: 100%; background-image: url(images/ad_news.jpg); height: 120px; float: left; background-position: center; background-repeat: no-repeat;}
.ad_project{ width: 100%; background-image: url(images/ad_project.jpg); height: 120px; float: left; background-position: center; background-repeat: no-repeat;}
.ad_product{ width: 100%; background-image: url(images/ad_product.jpg); height: 120px; float: left; background-position: center; background-repeat: no-repeat;}
.right_profile{width: 100%; height: auto; float: left; padding-top: 20px;}

.left_title{ width: 100%;height: 60px; float:left; line-height: 60px; font-size:20px;text-align: center; background:linear-gradient(to bottom, #3A66B1, #224E99 20px);color: #ffffff; text-decoration:none;}
.left_list{ width: 100%; height: auto; float: left; padding-top: 20px;}
.left_list li{width: 100%;height: 40px; padding-left:20px; float:left; line-height: 40px; font-size:16px;text-align: left;}

.article_link{ width: 100%; height: 60px; line-height: 60px; float: left; text-align: center; border-radius: 10px 10px 50px 50px; background-color: #3E3E3E; margin: 30px 0 30px 0;}
.article_link li{ padding:0 20px 0 20px; display: inline-block;}
.article_link li a{ color: #ffffff; font-size: 18px;}
.article_link li a:hover{color: #E62129;font-size: 18px;}

.article_list{ width: 100%; height: auto; float: left;}
.article_box{ width: 100%; height: auto; float: left; margin-bottom: 40px;transition: all .5s ease .1s; }
.article_box:hover{box-shadow:0px 0px 3px #2296CF;-webkit-box-shadow:0px 0px 3px #2296CF;-mox-box-shadow:0px 0px 3px #2296CF; transform:translateY(-3px); cursor: pointer;}
.article_box_d{ width: 100px; height:auto; padding-top:20px;float: left; text-align:center; color: #B3D0E4;}
.article_box_d p{ font-size:40px; color:#2296CF}
.article_box_txt{ width: 1090px; height: 90px; line-height: 30px; float: left; overflow: hidden;}
.article_box_title{ width: 100%; height: 30px; float: left;}
.article_box_title a{ font-weight:bold; color:#2296CF; font-size:18px}
.article_box_profile{ width: 100%; height: auto; float: left;}

.project_box{ width:400px; height:80px; float:left; background-color:#F2F2F2; border-radius:5px; overflow:hidden; padding:10px; margin-bottom:20px;}
.project_box:hover{ background-color:#D7D6D6}
.project_txt img{ width:auto; float:left; padding-right:10px;}
.project_txt{ width:auto; float:left; height:80px; line-height:20px; overflow:hidden}

.project_box_in{ width:100%; height:auto; float:left;margin-bottom:20px;transition: all .5s ease .1s;}
.project_box_in_pic{ width:150px; height:120px; float:left; overflow:hidden; text-align:center}
.project_box_in_right{ width:700px; height:auto; float:right}
.project_box_in_title{ width:100%; height:30px; text-align:left; float:left; font-weight:bold}
.project_box_in_txt{ width:100%; height:90px; line-height:30px; text-align:left; float:left; overflow:hidden}
.project_box_in_more{ width:100%; height:30px; line-height:30px; text-align:left; float:left}
.project_box_in_more a:hover{ color:#FF6600}

.ariticle_title{ width:100%; height:auto; float:left; line-height:40px; padding-bottom:20px; font-size:24px; text-align:center}
.article_info{ width:100%; height:27px; line-height:27px; float:left; background-color:#E7E7E7; font-size:12px; text-align:left}
.article_info_txt{ width:auto; height:27px; float:left}
.bdsharebuttonbox{ height:27px; width:auto; float:left}
.article_txt{ width:100%; height:auto; padding:30px 0 0 0 ; float:left; text-align:left; line-height:32px;}
.article_relate{ width:100%; height:30px; line-height:30px; float:left; margin:10px 0px;}
.article_relate span{ width:180px; height:30px; background-color:#0066CC; color:#FFFFFF; font-size:14px; text-align:center; float:left}
.aritcle_relate_list{ width:100%; height:auto; float:left; padding-top:10px;}
.aritcle_relate_list li{ width:45%; padding-left:15px; height:32px; line-height:32px; text-align:left; float:left;}
.article_close{ width:100%; height:auto; float:left; text-align:center; border-top:1px dotted #cccccc; padding-top:20px;}
.article_button{ width:90px; height:30px; background-color:#FFFFFF; border:1px solid #cccccc; margin-left:30px;  cursor:pointer;transition: all .5s ease .1s;}
.article_button:hover{ background-color:#DD0000; color:#FFFFFF; border:1px solid #DD0000}

.right_product_pic{ width:430px; height:auto; float:left; text-align:center;}
.right_product_box{float:left;height:360px; display:flex;justify-content:center;align-items:center;padding:0px; margin:0px; width:430px;}
.right_product_pic_right{ width:400px; height:auto; float:right; padding-top:10px;}
.right_product_txt{ width:400px; line-height:30px;  height:auto; float:right; text-align:left;}
.right_product_info_title{ width:100%; height:30px; color:#268CD3; font-size:16px; border-bottom:1px solid #cccccc; line-height:30px; text-align:left; float:left}
.right_product_share{ width:400px; height:auto;text-align:left; float:left}

.title_tuijian_title{ width:100%; height:auto; float:left; text-align:left; padding-left:20px; background-color:#EDEDED; border-radius: 5px; margin:10px 0px 10px 0px}
.right_txt{ width:100%; height:auto; float:left; text-align:left}
.title_tuijian_list{ width:100%; height:auto; float:left; font-size:18px; text-align:left}

/*多图*/
/*jqzoom-------------------------------------------------------------*/
#Product_BigImage{ height:auto; overflow:hidden;zoom:1;}
.jqzoom{;position:relative;bottom:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #09d;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.list-h li{ float:left; cursor:pointer}
#spec-n5{width:350px; height:60px; padding-top:6px; overflow:hidden; margin-left:30px;}
#spec-left{ background:url(images/zoom_left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/zoom_right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:310px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ margin-right:0px; text-align:center; vertical-align:middle; display:inline; width:62px;padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
#spec-list ul li::before{content: ""; width: 0px; height: 100%; display: inline-block; position: relative; vertical-align: middle;}

/*评论内容*/
.py162_pl{ width:100%; height:auto; float:left}
.py162_pl_title{ width:100%; color:#FF6600; font-size:16px; height:32px; line-height:32px; text-align:left; float:left}
.py162_pl_type,.py162_pl_content,.py162_pl_submit{ width:100%; height:auto; line-height:32px; text-align:left; float:left}
.py162_pl_content_txt{ width:80%; height:90px; border:1px solid #cccccc; padding:5px; line-height:30px; font-size:16px; margin:8px 0px;transition: all .5s ease .1s; }
.py162_pl_input{ width:20%; height:32px; line-height:32px; border:1px solid #cccccc; font-size:16px; padding:5px;transition: all .5s ease .1s; }
.py162_pl_input:hover,.py162_pl_content_txt:hover{border:1px solid #FF6600;}
.py162_pl_button{ width:120px; height:30px; line-height:30px; text-align:center; background-color:#FF6600; color:#FFFFFF; border:0px; margin-top:7px; margin-bottom:10px;}
.py162_pl_info{ width:100%; height:auto; float:left; line-height:32px; text-align:left; border-bottom:1px dotted #cccccc}
.pl_ly{ color:#0066FF}
.pl_re{ color:#FF0033}

.contact{ width:100%; height:200px; background-color:#F7F7F7; float:left}
.contact_in{ width:297px; height:200px; float:left; text-align:center;border-right:1px solid #ffffff; border-left:1px solid #E4E4E4; line-height:32px;}
.contact_in i{ font-size:50px; padding-top:50px; color:#00CC00}

.project_box_in{ width:100%; height:auto; float:left;margin-bottom:20px;transition: all .5s ease .1s; background-color:#EFEFEF}
.project_box_in_pic{transition: all .5s ease .1s; width:280px; margin:20px 0 20px 20px; height: 222px; float: left; overflow: hidden; vertical-align:middle; text-align:center;border-radius:5px; border: 1px solid #cccccc; background-color:#FFFFFF}
.project_box_in_pic::before{content: ""; width: 0px; height: 100%; display: inline-block; position: relative; vertical-align: middle;}
.project_box_in_pic:hover{ border: 1px solid #224E99; cursor: pointer; color: #ffffff;box-shadow:0px 0px 10px #224E99;-webkit-box-shadow:0px 0px 10px #224E99;-mox-box-shadow:0px 0px 10px #224E99;}
.project_box_in_pic img{transition: all .5s ease .1s;}
.project_box_in_pic img:hover{transform:scale(1.2);}
.project_box_in_right{ width:540px; height:auto; float:right; padding:20px 0px;}
.project_box_in_title{ width:100%; height:30px; text-align:left; float:left; font-weight:bold}
.project_box_in_title a{ color:#0033CC}
.project_box_in_txt{ width:95%; height:175px; line-height:25px; font-size:14px; text-align:left; float:left; overflow:hidden}

.product_detail_pic{ width:100%; float:left; height:auto; margin-bottom:10px; margin-top:10px; text-align:center}
.product_detail_info{ width:100%; float:left; line-height:20px; text-align:left; margin-top:10px;}
.product_detail_info span{ font-size:12px; font-weight:bold;}