body{margin: 0px auto;width:100%;font-family:"Microsoft YaHei";}
body,ul,p,li,div,td,input,button,select,textarea,img,span,hr,h1,h2,h3,h4,h5,h6,b{margin:0px 0px;padding:0px 0px;list-style:none; }
ul{ list-style: none;}
img{border: 0;}
a{font-size:13px;color:#666666;text-decoration: none}
a:hover{color:#0074c5;text-decoration: none}
em{font-style:normal}
.clear{clear:both;}

.wh{width:100%;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.fl{float:left;}
.fr{float:right;}
.fn{font-weight:normal;}
.oh{overflow:hidden;}



.container{ width:1200px; margin:auto;}
.wor{ line-height:24px; color:#666; font-size:13px;}
.bg_white{ background:#fff}


/*效果*/
a,p,li,td,input,button,select,textarea,em,img,span,hr,h1,h2,h3,h4,h5,h6,b,.Homedot a .line,.homeB .long .box5,.homeB .long .box6,.homeB .long .box .frame,.header .nav li a:hover,.header .nav li.active a,.product-list li .BgUbox,.curing .one .box u{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}





.effect-one{position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect-one .effect-one-img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden}
.effect-one:hover .effect-one-img,.picScroll-left .bd ul li a:hover .effect-one-img,.list-two ul li a:hover .effect-one-img
{opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}


/*banner_page*/
.banner-within{ position:relative;height:300px;float:left; width:100%;}
.banner-within img{display:block;height:300px;width:1920px; position: absolute; margin-left:-960px;left:50%;}



/*more*/
.more{ background: url(../images/more.png) no-repeat right; padding-right:10px;}


/*site
.site{float:left;width:100%; border-bottom:solid 1px #ddd;padding:0 0 10px 0; font-size:13px;color:#666;margin:15px 0}
.site a{ color:#666; font-size:13px;margin:0 3px; }
.site .icon-home{ background: url(../images/home_ico.png) no-repeat left;padding-left:21px;}
.site .frame{ text-align: right;}
.site a:hover{color:#124794}*/

.site{ float:left;width:100%;padding:0px 0 10px 0; margin:0 0 10px 0; border-bottom: 1px #ddd solid;}

.site h3{ float:left;color:#333;font-size:26px; font-weight:bold;}
.site .frame{color:#777;font-size:13px; line-height:35px;;}
.site a{ display:inline-block;color:#777; font-size:13px;  }
.site a:hover{color:#0074c5}


/*page*/
.page{}
.page .box{padding:20px; margin:0 0 20px 0 }


/*show*/
.show{ float:left;width:100%; margin:10px 0 50px 0}


/*pe_top*/
.pe_top{width:100%; margin:20px 0 10px 0;}
.pe_top h1{font-size:23px;color:#00529c;; line-height:45px; font-weight:400; text-align:center; border-bottom: solid 1px #ddd}
.pe_top span{line-height:30px; font-size:12px; text-align:center; display:block; color:#888}
.pe_top span b{ font-weight:400}

/*sub
.sub{ text-align: center; margin:20px 0}
.sub a{ display:inline-block ;color:#555; background: #d9d9d9;font-sizE:16px; margin:0 10px;padding:10px 30px;}
.sub a:hover,.sub a.active{background:#0074c5;color:#fff}*/



/*banner*/
.banner { position: relative; width:100%; overflow:hidden; margin:0 auto; margin-top:0px; }
.banner {width:100%; position:relative; margin:0; padding:0; overflow:hidden; }
.banner_ul { width:100%; margin:0; padding:0; }
.banner_ul li{ width:1920px; position: absolute; margin-left:-960px;left:50%;}
.banner_ul img { display:block; margin:0 auto; position:relative; max-width:100%; }
.banner_pic { width:100%; list-style:none; padding:0; overflow:hidden; }
.banner .rslides_tabs{position:absolute; bottom:30px; left:0; width:100%; text-align: center;}
.banner .rslides_tabs li{ display:inline-block;margin:0 5px;}
.banner .rslides_tabs a{float:left;border-radius:20px;width:40px;height:8px; background: #fff; font-size:0;}
.banner .rslides_tabs .rslides_here a{ background:#757475}
.banner .prev,.banner .next{position:absolute;top:330px;width:45px; height:85px;font-size: 0px; }
.banner .prev{ left:50px; background: url(../images/prevC_ico.png) no-repeat;}
.banner .next{right:50px;background: url(../images/nextC_ico.png) no-repeat}

.banner_pic .long{ position: absolute;top:0;left:0;width:100%;}
.banner_pic .long .container{ position: relative;}
.banner_pic .long .one{opacity: 0; position: absolute; top:300px;left:50px; width:350px;color:#fff;font-size:70px;}
.banner_pic .long .two{opacity: 0; position: absolute; top:150px;left:445px;}
.banner_pic .long .three{ opacity: 0; position: absolute; top:400px;right:0px;width:330px;color:#fff;font-size:14px;}
.banner_pic .long{}
.banner_pic .rslides1_on .one{ opacity: 1;top:375px;}
.banner_pic .rslides1_on .two{ opacity: 1;top:100px;}
.banner_pic .rslides1_on .three{ opacity: 1;right:60px;}


.banner_pic .long .one,.banner_pic .long .two,.banner_pic .long .three{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}


/*download*/
.download{float:left; width:100%; margin:20px 0 50px 0;}
.download a{ float:left;width:545px;margin:0px 10px 20px 10px; border-radius: 10px;padding:20px 15px;border: 2px #ddd solid;}
.download a h4{color:#333;font-size:16px;}
.download a p{color:#999; font-size:13px;margin:10px 0 5px 0}
.download a span{ display: block;margin:10px 0 0 0;font-size:12px;color:#999}
.download a span em{float:right; background:#ccc;border-radius: 20px;padding:2px 10px; color:#fff; font-size:x-small;}
.download a:hover{ border: 2px #00529c solid;}
.download a:hover h4{ color:#00529c}
.download a:hover span em{background:#00529c}


/*contact*/
.contact{}
.contact h2{ color:#1a1a1a; font-size:25px;margin:0px 0 50px 0; }
.contact .long{ float:left;width:100%}
.contact .long b{ float: left; width:20%; /*border-right: solid 1px #ddd ;*/ text-align: center;}
.contact .long b h4{ color:#999; font-size:14px; font-weight:400}
.contact .long b h4 span{margin:5px 0; display: block;; color:#666; font-size:13px;}
.contact .box{ font-size:14px;color:#666; line-height:25px;}
.contact #dituContent{ float:left;width:100%;height:450px; margin:0px 0 0 0;}


/*commente*/
.comments{ float:left; width:100%;  margin:0 0 20px 0}
.comments form{ width:100%; margin:auto;padding:0px 0 50px 0;}
.comments form .one{ float:left; width:48%; margin-right:3%}
.comments form .two{ float:right; width:48%;}
.comments form .three{ float:left; width:100%;}
.comments input{outline: none; border-bottom:1px solid #999;background:none; margin:20px 0 0 0; color:#777;  height:45px; line-height:45px; font-size:15px;border-left:none; border-right:none; border-top:none;}
.comments form textarea{ outline: none;float:left; margin:20px 0 0 0; background:none;height:110px;width:100%;border-bottom:1px solid #999; color:#777;font-size:15px;border-left:none; border-right:none; border-top:none; }
.comments form *::-moz-placeholder{color:#000}
.comments form button{ float:left;display:block;cursor: pointer;  background:#666; font-size:17px; border:none; margin:20px auto; color:#fff; padding:10px 50px;}
.comments form button:hover{ background:#00529c}
.comments .title{ float:left; width:100%;text-align:left; margin:50px 0 35px; color:#666; font-size:30px;   /* font-family: 'Gabriela', serif;*/}
.comments .title {}
.comments .title b{  margin:10px 0 0 0; font-size:12px; color:#777; font-weight:400; }
.comments .title span{
    display: block;
    border: 2px solid #ccc;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin: .4em auto 0em;
    position: relative;
}


/*list-one*/
.list-one a{float:left; width:286px;height:375px; margin:10px 10px 20px 10px}
.list-one a img{ width:100%;height:195px;}
.list-one a h4{font-size: 16px;margin:10px 0;color: #333; font-weight:bold;}
.list-one a p{ margin:15px 0 15px 0;color:#666; font-size:12px; text-align: left; line-height: 22px;;}
.list-one a span{ float:left;display: block;color:#999999;border:1px #999 solid;  padding:5px 25px;}

.list-one a:hover h4,.list-one a:hover p{ color:#0074C5}
.list-one a:hover span{ border: 1px #0074C5 solid; color:#0074C5}


/*list-two*/
.list-two{}
.list-two ul{ float:left; margin:0px 0 0 0;}
.list-two ul li{ float:left; width:100%;margin:0 0 30px 0; background:#f3f3f3; }
.list-two ul li .effect-one{ width:200px;}
.list-two ul li img{float:left;width:200px;}
.list-two ul li .right{ float:left; padding:20px;}
.list-two ul li .right h4{ color:#333;font-size:18px;}
.list-two ul li:hover .right h4{ color:#0074c5;}
.list-two ul li .right span{ display: block;color:#b4b3b1; font-size:12px;margin:5px 0;}
.list-two ul li .right p{ margin:5px 0 0 0;color:#555555;  font-size: 14px;line-height:25px;}
.list-two ul li:hover{ background:#eee}
.list-two ul li:hover p{color:#0074c5}
.list-two ul li .left{}

/*list-three
.list-three a{float:left; width:280px; margin:10px 10px 20px 10px}
.list-three a img{ width:100%;height:186px}
.list-three a h4{font-size: 16px;margin:5px 0;color: #333; text-align: center;}
.list-three a:hover h4{ color:#124794}*/


.list-three .box{width:100%; border-bottom: dashed 1px #ddd ;padding-bottom:20px; margin:20px 0 0px 0;}
.list-three .box h4{ font-weight:bold;padding:3px 0 3px 30px;color:#333; font-size:14px;background: url(../images/ico3.png) no-repeat 0px 0px;} 
.list-three .box p{padding:0 0 0 30px; color:#666;    line-height: 23px; font-size:12px;background: url(../images/ico3.png) no-repeat 0px -25px;} 

.list-threeSx .box{float:left;width:580px; border-bottom: dashed 1px #ddd ;padding-bottom:20px; margin:20px 20px 0px 0;}
.list-threeSx .box h4{ font-weight:bold;padding:3px 0 3px 30px;color:#333; font-size:14px;background: url(../images/ico3.png) no-repeat 0px 0px;} 
.list-threeSx .box p{padding:0 0 0 30px; color:#666;    line-height: 23px; font-size:12px;background: url(../images/ico3.png) no-repeat 0px -25px;} 
.list-threeSx .box a:hover h4{color:#0074C5}





.list-honor{float:left;width:100%;margin-top:20px;}
.list-honor a{ display: inline-block;width:280px;margin:0 10px 20px 10px }
.list-honor img{max-width:100%; height:387px;}

.list-pic{float:left;width:100%;margin-top:20px;}
.list-pic a{ position: relative; display: inline-block;width:280px;margin:0 10px 20px 10px }
.list-pic img{max-width:100%; height:200px;}

.list-pic h4{position: absolute; left:0;bottom:0;width:100%; text-align:center;color:#fff; font-size:14px;padding:10px 0; background: rgba(0,0,0,0.5); }

.list-hezuo{float:left;width:100%;margin-top:20px;}
.list-hezuo a{ position: relative; display: inline-block;width:280px;margin:0 10px 20px 10px;  }
.list-hezuo img{max-width:100%; height:200px;border: 2px #ddd solid;}
.list-hezuo .effect-one{ border: 1px #ddd solid;}
.list-hezuo h4{ text-align:center;color:#666; font-size:14px;padding:10px 0; }

.list-hezuo a:hover img{ border:#0074c5 2px solid ;}
/*
.list-five a{float:left; width:280px; margin:10px 10px 20px 10px}
.list-five a img{ width:100%;height:420px}
.list-five a h4{font-size: 16px;margin:5px 0;color: #333; text-align: center;}
.list-five a:hover h4{ color:#124794}
*/


.list-pic .box{float:left; width:290px; margin:10px 10px 20px 10px}
.list-pic .box img{ width:100%;}
.list-pic .box h4{font-size: 16px;margin:5px 0;color: #333; text-align: center;}
.list-pic .box:hover h4{ color:#124794}



/*scroll*/
.rollBox{ position:relative;float:left;width:1220px; margin:20px 0 20px 0; border: 1px #ddd solid;padding:15px;}
.rollBox .LeftBotton, .rollBox .RightBotton { position:absolute;z-index:99; float:left;color:#ffffff; background:#000;/*background:url(../images/left.png) no-repeat; */cursor:pointer;}
.rollBox .LeftBotton, .rollBox .RightBotton{height:45px;width:40px; }
.rollBox .LeftBotton{left:-20px;top:100px;background:#000 url(../images/prve_ico.png) no-repeat center;}
.rollBox .RightBotton{right:-15px;top:100px;background:#000 url(../images/next_ico.png) no-repeat center; }
.rollBox .LeftBotton:hover{ background:#1CBAC8 url(../images/prve_ico.png) no-repeat center;}
.rollBox .RightBotton:hover{ background:#1CBAC8 url(../images/next_ico.png) no-repeat center;}
.rollBox .Cont{ float:left;width:1210px;overflow:hidden;margin-left:0px; }
.rollBox .ScrCont{width:32766px;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .pl { float:left;width:201.6px;overflow:hidden;text-align:center;}
.rollBox .pl img{ width:180px; }
.rollBox .pl a:hover img{ opacity: 0.9;}
.rollBox .pl a{ width:180px; display:block;margin:auto;position:relative;}
.rollBox .pl .box{margin:30px 0 0 0}
.rollBox .pl .box h4{font-size: 20px;color: #333;}
.rollBox .pl .box p{ margin:10px 0 10px 0;color:#666; font-size:12px; text-align: left;}
.rollBox .pl .box span{ margin:auto;display: block;width:80px;border-radius: 10px; color:#999999;border:1px #999 solid;  padding:3px 15px;}
.rollBox .pl a:hover .box span{  color:#ffffff; background: #1CBAC8; border:1px #1CBAC8 solid; }
.rollBox .pl a:hover .box h4{color:#1CBAC8}
.rollBox .pl .imgbox{ position: relative;}
.rollBox .pl a:hover .effect-one-img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}



.leftNav{ width:240px; background: #fff;padding-bottom:55px;}
.leftNav h2{width:100%;padding:20px 0 20px 50px; font-size:26px;color:#Fff; background: url(../images/title_01.png) no-repeat left;}
.leftNav h2 span{ display: block; font-size:14px; color:#fff}

.leftNav ul{margin:0px; padding:0px 0 20px 0; }

.leftNav ul li{}
.leftNav ul li h3{line-height:60px; background: url(../images/line_01.png) no-repeat bottom center;}
.leftNav ul li h3 a{margin-left:50px; font-size:19px;color:#00529c; padding-left:20px;font-weight:bold; background: url(../images/arrow_01.jpg) no-repeat left; }
.leftNav ul li .sonNavContent{padding:10px 0 0 0}
.leftNav ul li .sonNavContent a{ display: block; margin-left:70px; line-height:35px;color:#333;padding-left:10px; font-size:15px; background: url(../images/arrow_02.png) no-repeat left;}
.leftNav ul li .sonNavContent a:hover{ color:#00529c}

.leftNav ul li h3.active a{color:#f60}
.leftNav ul li h3 a:hover{color:#f60}
.leftNav ul li .sonNavContent a.active{color:#f60}

/*rack*/
.rack{  padding:20px 0 30px 0}
.rack .left{ /*background: #f1f1f1;*/}
.rack .lefter ul{border:1px #ddd solid}
.rack .righter .list-six{ width:950px; margin-left:-10px;}
.rack .righter .fixed-top{ position:fixed; top:20px;width:270px;}
.rack{}

/*left_contact*/
.left_contact{margin:30px 0 0 0;padding:18px;color:#555; font-size:13px; line-height:23px;border: 1px #ddd solid;}
.left_contact img{ margin:0 0 5px 0}
.left_contact .box{}


#dituContent{margin:0px 0 0 0;width:100%; height:500px;}


.list-four ul{float:left;width:100%;margin:20px 0 0 0}
.list-four ul li{ position:relative; margin:0 8px 30px 8px;width:290px; float:left; _display:inline; overflow:hidden;   }
.list-four ul li a{ display: block;}
.list-four ul li img{display: block;}
.list-four ul li .frame{padding:0 20px 30px 20px; text-align: center; border-bottom:2px #ddd solid}
.list-four ul li .frame h4{ padding:10px 0 10px 0;color:#333333; font-size:16px; }
.list-four ul li .frame p{color:#999999; font-size: 13px;}
.list-four ul li .frame u{opacity: 0; position: relative; top:-24px;font-style: normal;color:#124794; font-size:23px; display: block;margin:auto}

.list-four ul li .topBox{ position: absolute;top:-250px;left:0; padding-top:80px;width:290px; height:130px;background: rgba(0,0,0,0.5);}
.list-four ul li .topBox u{margin:auto;width:50px;height:50px;border-radius: 500rem;margin-top:100px; margin:auto; display: block; background:#124794 url("../images/ico02.png") no-repeat center;}

.list-four ul li a:hover .topBox{top:0;}
.list-four ul li a:hover .frame{ background: #124794;}
.list-four ul li a:hover .frame h4,.list-four ul li a:hover .frame p{color:#fff;}
.list-four ul li a:hover .frame u{ opacity: 1;}


/*pages*/
#pages{float:left;width:100%; margin:20px 0 50px 0; text-align:center;}
#pages span{ border:0px #ddd solid;padding:5px 10px;margin:0 5px; background:#ddd; color:#999}
#pages a{ border:1px #bbb solid;padding:5px 10px;color:#666; margin:0 5px;}
#pages a:hover{ color:#fff; background:#f60}


/*客服窗口样式*/
/* 在线客服样式 */
.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/qq/kefu_l.png) no-repeat}
.kefuBox .kefuRight{display:block;float:left;overflow:hidden;width:0;}
.kefuBox .kefuTop{width:154px;height:46px;background:url(../images/qq/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/qq/kefu_bottom.png) no-repeat;}
.kefuBox .kefuCont{width:154px;padding:0 12px;background:url(../images/qq/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/qq/qq.png) no-repeat;}
.kefuBox .kefuCont ul li.wang{background:url(../images/qq/wangwang.png) no-repeat}
.kefuBox .kefuCont ul li.spk{background:url(../images/qq/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:115px;height:130px;padding:7px;background:url(../images/qq/cobj.png) no-repeat;}
.kefuBox .kefuCont ul li.codeer span img{width:116px;height:116px;}


/* 内页留言样式 */
.yzh-table-feedback tr { height: 40px; }
.yzh-table-feedback .input-label { font-size: 14px; line-height: 20px; width: 80px; height: 20px; padding: 5px; vertical-align: top; }
.yzh-table-feedback .input-text { line-height: 28px; width: 400px; height: 28px; margin-bottom: 15px; font-size: 14px; border: 1px solid #ccc; background: #fff; padding:0 5px;}
.yzh-table-feedback .input-textarea { width: 470px; height: 210px; margin-bottom: 10px; padding: 5px; border: 1px solid #ccc; background: #fff; padding-left:5px;}
.yzh-table-feedback .input-verifycode { line-height: 28px; width: 100px; height:28px; margin-bottom: 15px; padding: 0 5px; border: 1px solid #ccc; background: #fff;float:left;}
.yzh-table-feedback .input-text:focus, .input-textarea:focus { border-color: #666; outline: 0; }
.yzh-table-feedback .yzh-btn { font-size: 18px; line-height: 35px; display: block; float: left; width: 110px; height: 35px; margin-right: 15px; cursor: pointer; text-align: center; color: #fff; border: 0; background:#eb3c00; }
.yzh-table-feedback .yzh-btn:hover { background: #333; }

/*---网站地图---*/
.yzh-map-main { overflow: hidden; margin: 10px 0; padding-bottom:35px; background: #fff;font-family:"宋体"; }
.yzh-map-main .sitemap_con { width:845px; margin: 0 auto; color:#666; }
.yzh-map-main .sitemap_con .map_top { border-bottom: 2px solid #555; margin-bottom:35px;}
.yzh-map-main .sitemap_con .map_top img { float: left; }
.yzh-map-main .site_r_link { width: 120px;margin-top:35px;/*上边界根据需要进行调整*/ padding: 5px 10px; background: #f8f8f8;text-align:center;background:#555;color:#fff;}
.yzh-map-main .site_r_link a{color:#fff;}
.yzh-map-main .site_r_link a:hover{text-decoration:underline;}


/*站点地图，显示方式样式，上边界根据需要进行调整*/
.yzh-map-main .site_plc { padding: 5px 0; text-indent: 10px; background: url(../images/ico-plus.gif) no-repeat 0 8px; }
.yzh-map-main .sitemap_con h4 { line-height:35px;border-bottom:1px dotted #ccc;font-size:15px;margin-bottom:5px;font-family:"微软雅黑";}
.yzh-map-main .b4 {margin-bottom:20px;}
.yzh-map-main .b4 ul {}
.yzh-map-main .b4 li {line-height:30px; width:155px;float:left;background:url(../images/icona.jpg) no-repeat left center;padding-left:14px;}



.peCont{float:right;width:100%;font-size:14px;overflow:hidden;}
.peCont .curt{height:45px;line-height:35px;background:url(../images/conti.png) no-repeat left bottom;font-size:12px;margin-bottom:20px;}
.peCont .curt h2{display:block;float:left;text-align:left;font-size:18px;overflow:hidden;font-weight:normal;}
.peCont .curt span{float:right;background:url(../images/cur.png) no-repeat left center;padding-left:15px;font-size:12px;}


/** product show **/
.prodPic{width:630px;}
.prodPic .big{width:500px;height:400px;position:relative;z-index:1;float:right;border:1px solid #e3e3e3;}
.prodPic .big a{width:500px;height:400px;background:#fff;display:table-cell;text-align:center;vertical-align:middle;}
.prodPic .big a img{vertical-align:middle;max-width:500px;max-height:400px;}
.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}
.prodPic .list{width:112px;height:400px;overflow:hidden;position:relative;float:left;}
.prodPic .list a.prev,.prodPic .list a.next{display:block;width:107px;height:25px;position:absolute;top:0;left:0;background:url(../images/anu.jpg) no-repeat;overflow:hidden;cursor:pointer;}
.prodPic .list a.next{top:auto;bottom:0;background-position:0 -50px;}
.prodPic .list a.prev:hover{background-position:0 -25px;}
.prodPic .list a.next:hover{background-position:0 -75px;}

.prodPic .list .thumb{position:relative;width:112px;height:334px;overflow:hidden;top:33px;}
.prodPic .list .thumb ul{position:absolute;height:99999px;}
.prodPic .list .thumb ul li{background:none;float:left;width:107px;height:85px;position:relative;}
.prodPic .list .thumb ul li a{display:block;width:103px;height:100px;border:2px solid #e3e3e3;text-align:center;background:#fff}
.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;}
.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}
.prodPic .list .thumb ul li a.selected{border-color:#0c4a9c;}
.prodPic .list .thumb ul li a.selected em{background:url(../images/jt.png) no-repeat;}

.prodTitle{width:535px;overflow:hidden;}
.prodTitle h2{font-size:20px;padding:10px 0;border-bottom:1px dotted #e3e3e3;margin-bottom:15px;}
.prodTitle .txt{line-height:25px;height:200px;overflow:hidden;}
.prodTitle .txt span{color:#333; font-size:18px;}
.prodTitle .fenx{padding-top:15px;margin-top:15px;border-top:1px dotted #e3e3e3;overflow:hidden;}
.prodTitle .tel{float:left;background:url(../images/tel-ico01.jpg) no-repeat left center;padding-left:50px;margin-top:15px;color:#0c4a9c; background-size:45px ;}
.prodTitle .tel span{display:block;font-size:24px;font-family:arial;}

.prodTitle .down{ margin:10px 0 0 0}
.prodTitle .down b{ float:left; background: url(../images/pIcon2.jpg) no-repeat left; font-size:18px;margin:0 0px 10px 0; padding-left:30px; color:#f60}
.prodTitle .down a{ float:left; padding:10px 35px; display: block; margin:0 20px 0 0; color:#fff;border-radius:4px}
.prodTitle .down a.one{ background: #0074c5;}
.prodTitle .down a.two{ background:#D42626;}
.prodTitle .down a:hover{ background:#f60}

.prodTitle .wox{ margin:10px 0;}

.prodTitle a.lx{float:left; display:block;font-size:14px;padding:5px 10px; margin:30px 0 0 30px; background:#f60;color:#fff;}
.prodTitle a.lx:hover{ background:#666}

.prodTab{overflow:hidden;margin-top:40px;}
.prodTab .list{height:40px;border-bottom:2px solid #e3e3e3;margin-bottom:20px;}
.prodTab .list li{display:block;width:130px;height:40px;line-height:40px;float:left;text-align:center;font-size:16px;background:#e3e3e3;color:#333;border-radius:3px 3px 0 0;margin-right:2px;}
.prodTab .list li.on{color:#fff;background:#0074c5;}
.prodTab .listA table{width:100%;border-color:#dadada;}
.prodTab .listA table td{line-height:35px;border-color:#dadada;}
.prodTab .listA table tr:hover{background:#eaeaea;}

.prodOrder{padding:25px;background:#f4f4f4;overflow:hidden;margin-top:20px;}
.prodOrder h3{font-size:15px;line-height:18px;font-weight:normal;}
.prodOrder .table{padding-top:20px;overflow:hidden;}
.prodOrder .table li{width:395px;height:215px;float:left;height:35px;margin-bottom:10px;}
.prodOrder .table li span{float:left;border:1px solid #e3e3e3;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;}
.prodOrder .table li .iptTxt{float:right;width:304px;border:1px solid #e3e3e3;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#999;padding-left:10px;}
.prodOrder .table li .iptCode{float:left;width:185px;border:1px solid #e3e3e3;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#999;padding-left:10px;}
.prodOrder .table li .checkcode{float:right;border:1px solid #ddd;border-left-width:0;background:#fff;padding:0 9px;}
.prodOrder .table li .btn{width:395px;height:35px;line-height:35px;background:#0074c5;cursor:pointer;color:#fff;text-align:center;border:none;}
.prodOrder .table li .btn:hover{background:#0074c5;color:#fff;}
.prodOrder .table li.areLi{width:700px;float:right;height:215px;overflow:hidden;}
.prodOrder .table li.areLi .txtContent{width:430px;height:215px;border:1px solid #e3e3e3;outline:none;resize:none;padding:15px;color:#999;line-height:18px;background:#fff;}


/** picture list **/
.uLt{width:100%;}
.lt{width:270px;padding:9px 9px 0;background:#f5f5f5;float:left;margin-right:12px;position:relative;margin-bottom:20px;border-bottom:2px solid #e8e8e8;}
.lt a{width:100%;display:block;overflow:hidden;}
.lt h3{font-size:15px;line-height:40px;text-align:center;}
.lt img{ width:100%;}
.lt:after,.lt:before,.soulList li:before,.soulList li:after{content:'';position:absolute;bottom:-2px; width:0;height:2px;background:#0074c5;-webkit-transition:0.4s;transition:0.4s;}
.lt:before,.soulList li:before{left:0;}
.lt:after,.soulList li:after{right:0;}
.lt:hover:after,.lt:hover:before,.soulList li:hover::before,.soulList li:hover::after{width:50%;}
.lt:hover h3{color:#0074c5;}

.parList li{width:175px;margin-right:23px;}
.soulList{width:990px;}
.soulList li{width:265px;float:left;margin-right:22px;margin-bottom:30px;position:relative;background:#f4f4f4;border-bottom:2px solid #dadada;}
.soulList li .pic{display:block;width:265px;height:194px;overflow:hidden;}
.soulList li .pic img{width:100%;height:100%;}
.soulList li .txt{padding:15px;height:130px;}
.soulList li .txt h3{line-height:18px;font-size:14px;}
.soulList li .txt h3 a{color:#333;}
.soulList li .txt h4{font-family:arial;color:#999;font-weight:normal;}
.soulList li .txt p{line-height:22px;color:#777;}
.soul li .pic{width:290px;height:202px;}




.tr,.enl img{
-webkit-transition:all .4s ease-in-out;
   -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
     -o-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out;
}
.enl:hover img{
-webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
     -o-transform:scale(1.1);
        transform:scale(1.1);
}
.gray img{
-webkit-transition:all .4s ease-in-out;
   -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
     -o-transition:all .4s ease-in-out;
        transition:all .4s ease-in-out;
-webkit-filter:grayscale(100%);
   -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
     -o-filter:grayscale(100%);
        filter:grayscale(100%);
        filter:gray;
        filter:url(gray.svg#grayscale);
}
.gray a:hover img{
-webkit-filter:grayscale(0%);
   -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
     -o-filter:grayscale(0%);
        filter:grayscale(0%);
        filter:none;
}

.newsDetail{ float:left;width:100%;}
.newsDetail h2{margin:20px 0 0 0;font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}
.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";font-size:12px;padding-bottom:5px;}
.newsDetail .msg span{padding:0 7px;color:#999;}
.newsDetail .msg .fonts a{padding:0 3px;}
.newsDetail .msg a.active{font-weight:bold;color:#0074c5;}
.newsDetail .detailCont{padding:20px 0;line-height:26px;overflow:hidden;}
.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}
.pagIng{border:1px solid #dadada;padding:8px 15px;overflow:hidden;}
.pagIng .fl{width:665px;height:60px;padding-right:30px;border-right:1px solid #dadada;}
.pagIng .fl a{display:block;height:30px;line-height:30px;}
.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#0074c5;}
.pagIng .fr:hover{background:#0074c5;color:#fff;}
.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-weight:bold;color:#333;font-weight:normal;margin-top:20px;}
.relNews{overflow:hidden;margin-top:15px;}
.relNews ul{width:100%;}
.relNews ul li{float:left;margin-right:40px;width:360px;height:28px;line-height:28px;}
.relNews ul li a{display:block;width:200px;line-height:28px;background:url(../images/arrow_02.png) no-repeat left center;padding-left:15px;float:left;font-size:12px;}
.relNews ul li a:hover{background:url(../images/arrow_one.png) no-repeat left center;margin-left:5px;}
.relNews ul li span{float:right;color:#999;}


.faqList{ float:left;width:100%;}
.faqList li{position:relative;margin-bottom:25px;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#0c4a9c;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative;padding:0 60px;background-color:#f5f5f5;line-height:54px;font-size:16px;cursor:pointer;font-weight:normal;background-image:url(../images/faq.png); background-repeat:no-repeat;background-position:20px 0;}
.faqList li div{display:none;padding:25px 60px 0 60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;background:url(../images/faq.png) no-repeat 20px -155px;font-size:14px;}
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}