/*by 东方的太阳  QQ：465002188*/

* { padding: 0; margin: 0 }
body { color: #666; font: 14px/22px '微软雅黑', Arial, Verdana, Helvetica, sans-serif; background: #fff }
ul, ol { list-style-type: none }
textarea, select, input, button, label, img { vertical-align: middle; font-family: 'Raleway', 微软雅黑 }
input[type=submit] { cursor: pointer }
input, button { overflow: visible }
table { border-collapse: collapse }
img { border: 0; vertical-align: middle; max-width: 100% }
html { -webkit-text-size-adjust: none }
input, textarea, div, a, select { outline: none }
body {overflow: hidden;overflow-y: scroll;min-width: 1320px;}
input, textarea, label { font-size: 14px }

.wp {width: 1200px; margin: 0 auto;}
.c:after { content: "."; display: block; height: 0; clear: both; overflow: hidden;font-size: 0;}
.c { *zoom: 1 }
.fl { float: left; display: inline }
.fr { float: right; display: inline }
.rel { position: relative }
.abs { position: absolute }
.none { display: none }
.tac { text-align: center }
.tar { text-align: right }

.text-overflow { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.table { display: table; table-layout: fixed; width: 100% }
.table li, .cell { display: table-cell; vertical-align: middle }
.inline-box { font-size: 0px; text-align: center }
.inline-box li, .inlineb { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1 }
img.img_vm { vertical-align: middle; top: 0; left: 0; bottom: 0; right: 0; margin: auto; position: absolute; max-height: 100% }
a { color: #666; text-decoration: none;}
a:hover { text-decoration: none; color: #1485c8 }
.trs {-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;}


.header {height: 100px;line-height: 100px;}
.logo img {vertical-align: top;}
.nav li {float: left;margin: 0 10px}
.nav li a {display: block;padding:0 15px;font-size: 16px;color: #6f6f6f;}
.nav li.on a, .nav li a:hover {background: #1485c8;color: #fff;}
.nav {margin-right: 20px;}

.lang a {background: #1485c8;color: #fff;font-size: 14px;width: 46px;height: 22px;line-height: 22px;text-align: center;border-radius: 22px;display: inline-block;margin-left: 5px;}

.bann {height: 300px;background-repeat: no-repeat;background-position: center center;}

.ml {width: 300px;margin-top: -77px;position: relative;}
.mr {margin-left: 300px;padding-left: 30px;}
.t1 {background: #1485c8;color: #fff;height: 77px;line-height: 77px;font-size: 24px;font-weight: bold;}
.t2 {font-size: 18px;font-weight: normal;}

.subnav {background: #f8f8f8;padding: 20px 0;margin-bottom: 10px;}
.subnav li a {display: block;line-height: 45px;height: 45px;text-align: center;border-bottom: 1px solid #fff;font-size: 16px;}
.subnav li.on a, .subnav li a:hover {background: #dfe9ef;color: #1485c8;}

.secBox {background: #f8f8f8;box-shadow:0px 3px 3px #ededed;padding: 30px;margin-bottom: 30px;}
.secBox dt {position: absolute;}
.secBox dd {margin-left: 80px;margin-bottom: 15px;}
.secBox dd select {line-height: 25px;height: 25px;border:1px solid #f1f1f1;width: 100%;padding-left: 10px;color: #666;font-size: 12px;}
.secBox .mit {height: 45px;width: 220px;display: block;margin: 0 auto;color: #fff;background: #2f2f2f;font-size: 18px;border:0;margin-top: 20px;}



.bread {border-bottom: 1px solid #e8e8e8;line-height: 50px;height: 50px;padding-top: 10px;margin-bottom: 20px;}
.bread a,
.bread span {margin: 0 7px}

.cont {line-height: 26px}



.page {font-size: 0;text-align: center;padding: 20px 0}
.page a, .page span {display:inline-block;*display: inline;*zoom: 1;font-size: 14px;background: #f6f6f6;border:1px solid #eee;padding: 4px 12px;text-transform: uppercase;margin: 0 5px}
.page a:hover, .page a.on {background: #1485c8;color: #fff;}

.news_list li {overflow: hidden;border-bottom: 1px dashed #ddd;margin-bottom: 20px;padding-bottom: 20px;}
.news_list .pic {display: block;float: left;width: 275px;}
.news_list .info {margin-left: 275px;padding-left: 20px;}
.news_list .info .t {font-size: 16px;font-weight: bold;color: #3c3c3c;margin: 10px 0 0 0}
.news_list .info .p {padding: 10px 0}
.news_list .info .more a {color: #1485c8;margin-left: 20px;}
.news_list .info a:hover {color: #1485c8;}

.show_box .tit h2 {font-size: 24px;font-weight: bold;color: #3c3c3c;}
.show_box .tit {border-bottom: 1px dotted #eee;padding: 20px 0 20px 0;margin-bottom: 20px;}
.show_box .tit .str {color: #999;margin-top: 10px;}
.show_box .p {line-height: 26px;}

.feed {padding: 10px;padding-bottom: 20px;}
.feed .mit {background: #1485c8;}
.feed dt {width: 80px;padding-left: 10px;line-height: 30px}
.feed dd {padding-left: 70px;margin-bottom: 10px;border:1px solid #ededed;margin-left: 0;}
.feed dd .inp {width: 100%;height: 30px;line-height: 20px;border:0;background: none;}
.feed textarea {width: 100%;height: 80px;border:0;background: none;padding-top: 8px;}

.pro_list {margin: 0 -7px}
.pro_list li {width: 278px;float: left;margin-bottom: 30px;margin-left: 7px;margin-right: 7px;}
.pro_list li .pic {height: 198px;border:1px solid #e6e6e6;overflow: hidden;border-radius: 10px}
.pro_list li .t {font-size: 16px;color: #333333;padding: 10px 7px 0 7px}
.pro_list li .p span {display: block;height: 20px;overflow: hidden;}
.pro_list li .p {padding: 0 7px}
.pro_list li a:hover .t {color: #1485c8;}
.pro_list li a:hover .pic {border-color: #1485c8}

.pro_head {overflow: hidden;}

.pro_head .pic {width: 460px;height: 328px;border:1px solid #e6e6e6;}
.pro_head .info {margin-left: 460px;padding-left: 30px;}
.pro_head .info h2 {font-size: 18px;color: #333333;padding: 10px 0 20px 0;font-weight: normal;}
.pro_head .info .co {height: 200px;font-size: 14px;}
.pro_head .info .tel {font-size: 18px;color: #1485c8;}
.pro_head .info a {display: block;width: 140px;height: 40px;line-height: 40px;background: #1485c8;color: #fff;font-size: 18px;text-align: center;margin-top: 10px;}

.pro_body .t {height: 50px;line-height: 50px;background: #f8f8f8;padding: 0 15px;margin-top: 20px;color: #1485c8;font-size: 18px;margin-bottom: 20px;}

.banner, .banner .bd ul li a {display: block;height: 550px;width: 100%;background-repeat: no-repeat;background-position: center center;}
.banner .hd {bottom:4px;left:0;text-align: center;width: 100%;font-size: 0;}
.banner .hd ul li {width: 12px;height: 12px;border-radius: 12px;background: #fff;margin: 0 5px;display: inline-block;*display: inline;*zoom: 1;}
.banner .hd ul li.on {background: #004ea1}
    

.home_f1 {padding: 50px 0;}
.home_f1 .link a {margin-right: 30px;}
.t4 h4 {font-size: 30px;color: #313131;}
.t4 span {display: block;width: 50px;height: 3px;background: #1485c8;margin: 23px 0 18px 0}
.t4.tac span {margin: 23px auto 18px auto}
.home_f1 .fl {width: 830px;}
.home_f1 .fl .p {line-height: 26px;height: 130px;margin-bottom: 20px;}
.home_f1 .fr {margin-top: -127px;position: relative;}

.home_f2 {padding: 50px 0 0 0;background: #f8f8f8}
.home_f2 ul {position: relative;margin: 0 -7px;margin-top: 30px;}
.home_f2 ul li {width: 228px;float: left;text-align: center;margin: 0 7px;}
.home_f2 ul li .pic {height: 200px}
.home_f2 ul li .t {font-size: 16px;height: 95px;line-height: 90px}


.home_f3 {background: #f8f8f8;margin-top: 1px;padding: 50px 0}
.home_f3 .ico_li {margin: 0 -18px}
.home_f3 .ico_li li {float: left;margin: 0 18px;padding-top: 30px;}
.home_f3 .ico_li li a {display: block;width: 163px;height: 163px;border:3px solid #f2f2f2;background: #fff;overflow: hidden;border-radius: 100%}
.home_f3 .ico_li li a span {display: block;text-align: center;line-height: 20px}
.home_f3 .ico_li li a .ico {background-repeat: no-repeat;background-position: center center;height: 110px;width: 1005;}
.home_f3 .ico_li li.it1 a .ico {background-image: url(../images/ico1_01.png)}
.home_f3 .ico_li li.it2 a .ico {background-image: url(../images/ico1_02.png)}
.home_f3 .ico_li li.it3 a .ico {background-image: url(../images/ico1_03.png)}
.home_f3 .ico_li li.it4 a .ico {background-image: url(../images/ico1_04.png)}
.home_f3 .ico_li li.it5 a .ico {background-image: url(../images/ico1_05.png)}
.home_f3 .ico_li li.it6 a .ico {background-image: url(../images/ico1_06.png)}
.home_f3 .ico_li li.it1 a:hover .ico {background-image: url(../images/ico1_01_on.png)}
.home_f3 .ico_li li.it2 a:hover .ico {background-image: url(../images/ico1_02_on.png)}
.home_f3 .ico_li li.it3 a:hover .ico {background-image: url(../images/ico1_03_on.png)}
.home_f3 .ico_li li.it4 a:hover .ico {background-image: url(../images/ico1_04_on.png)}
.home_f3 .ico_li li.it5 a:hover .ico {background-image: url(../images/ico1_05_on.png)}
.home_f3 .ico_li li.it6 a:hover .ico {background-image: url(../images/ico1_06_on.png)}
.home_f3 .ico_li a:hover span {color: #1485c8;}


.home_f4 {padding: 50px 0}
.home_f4 .list {padding-top: 20px;margin: 0 -8px}
.home_f4 .list .it {width: 389px;background: #f9f9f9;float: left;margin: 0 8px}
.home_f4 .list .it a {display: block;border-bottom: 3px solid #ededed;}
.home_f4 .list .it a:hover {border-bottom-color: #1485c8}
.home_f4 .list .it .info {padding: 15px 10px 10px 10px}
.home_f4 .list .it .info .t {font-size: 16px;font-weight: bold;color: #3c3c3c;line-height: 26px}
.home_f4 .list .it .info .p {height: 100px;font-size: 14px;color: #999999;margin-top: 10px;}
.home_f4 .list .it .fr {color: #1485c8;}


.home_f5 {background: #f8f8f8;padding: 60px 0 0 0;margin-bottom: -100px;}
.home_act {width: 375px;}
.home_act span {display: block;font-size: 18px;margin-bottom: 5px;}
.home_act .co {padding-top: 20px;}
.home_faq {width: 365px;margin: 0 30px}

.feedbox .feed {padding: 15px 0;box-shadow: 0 0 0 0}

.faq_list {background: #fff;}
.faq_list ul li {background: #fff;border-bottom: 1px dotted #eee;padding: 15px}
.faq_list ul li span {display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 30px;color: #fff;margin-right: 10px;text-indent: 0}
.faq_list ul li .t span {background: #949494}
.faq_list ul li .p span {background: #1485c8;}
.faq_list ul li .t {margin-bottom: 10px;}
.faq_list ul li .p {text-indent: -40px;margin-left: 40px;}





.footer {background: #1485c8;color: #d6edff;margin-top: 100px;padding: 15px 0}
.footer a {color: #d6edff;}
.flink span {font-size: 16px;}
.flink a {margin-left: 20px;}
.flink {border-bottom: 1px solid #81bbde;padding-bottom: 15px;}
.footer .botBox {line-height: 24px;margin-top:11px;}
.footer .fr a {margin: 0 10px}
.footer a:hover {text-decoration: underline;}